/*
yellow  #ffdd00
blue    #2796ce
brown   #cd904f
*/

body,
html {
  height: 100%;
}

body {
  font-family: "Roboto Slab", serif;
  padding-top: 56px;
}

.navbar-light .navbar-brand {
  color: #cd904f;
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
  color: #cd904f;
}

.navbar-light .navbar-nav .nav-link {
  color: #2796ce;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #cd904f;
}

.navbar.scrolled {
  background: #ffdd00;
  transition: background 500ms;
}

@media (max-width: 768px) {
  nav.navbar {
    background: #ffdd00;
  }
}

.logo-bg {
  position: relative;
}

.logo-bg::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0.8;
  content: "";
  z-index: -1;
  background-image: url("./img/gofres_0050_bg_web.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-text {
  color: white;
  font-weight: normal;
}

h1 {
  font-family: "Source Serif Pro", serif;
}

h3 {
  font-family: "Source Serif Pro", serif;
}

h5 {
  font-size: 2rem;
}

p {
  font-size: 1.5rem;
}

.jumbotron {
  background-color: #cd904f;
  padding: 2rem 2rem;
}

.jumbotron-image {
  min-width: 200px;
}

.products-bg {
  position: relative;
}

.products-bg::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0.8;
  content: "";
  z-index: -1;
  background-image: url("./img/gofres_0010G_bg_web.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.card-img-top {
  width: auto;
  height: 341px;
  object-fit: cover;
}

.img-social {
  margin-right: 0.75rem;
}

.footer {
  background-color: #ffdd00;
}