.responsive-bg {
  height: 110px; /* mobile default height */
}

#menu-top a {
  font-style: italic;
  font-weight: 700;
  font-size: 0.9rem;
  text-decoration: none;
  color: #FFF;
}

a.corporativo {
  background: #5a1a96;
}
a.corporativo:hover {
  background: #8326da;
}
a.made4you {
  background: #048358;
}
a.made4you:hover {
  background: #07db93;
}
a.experiencias {
  background: #a68b0c;
}
a.experiencias:hover {
  background: #eec814;
}
a.special-date {
  background: #cf106a;
}
a.special-date:hover {
  background: #ef358d;
}
a.muito-alem {
  background: #84a60c;
}
a.muito-alem:hover {
  background: #bdee14;
}
a.dicas {
  background: #a60c1a;
}
a.dicas:hover {
  background: #ee1428;
}
a.missao {
  background: #b807d2;
}
a.missao:hover {
  background: #dd28f8;
}
a.quem-somos {
  background: #e6a803;
}
a.quem-somos:hover {
  background: #fcc530;
}
a.contato {
  background: #e3825c;
}
a.contato:hover {
  background: #eaa184;
}

.hover-overlay {
  transition: opacity 0.5s ease;
}

.image-container:hover .hover-overlay {
  opacity: 1 !important;
}

.image-container img {
  transition: transform 0.5s ease;
}

.image-container:hover img {
  transform: scale(1.05);
}

.bar-top {
  height: 110px;
  margin: 0px !important;
}

.bar-top.home {
  background: url(img/bar-top/home.png) no-repeat;
  background-position: center;
  background-size: cover;
}
  
.bar-top.corporativo {
  background: url(img/bar-top/corporativo.png) no-repeat;
  background-position: center;
  background-size: cover;
}
  
.bar-top.made4you {
  background: url(img/bar-top/made4you.png) no-repeat;
  background-position: center;
  background-size: cover;
}
  
.bar-top.experiencias {
  background: url(img/bar-top/experiencias.png) no-repeat;
  background-position: center; 
  background-size: cover;
}

.bar-top.special_date {
  background: url(img/bar-top/special_date.png) no-repeat;
  background-position: center; 
  background-size: cover;
}

.bar-top.muito_alem {
  background: url(img/bar-top/muito_alem.png) no-repeat;
  background-position: center; 
  background-size: cover;
}

.bar-top.dicas {
  background: url(img/bar-top/dicas.png) no-repeat;
  background-position: center; 
  background-size: cover;
}

.bar-top.missao {
  background: url(img/bar-top/missao.png) no-repeat;
  background-position: center; 
  background-size: cover;
}

.bar-top.quem_somos {
  background: url(img/bar-top/quem_somos.png) no-repeat;
  background-position: center; 
  background-size: cover;
}

.bar-top.contato {
  background: url(img/bar-top/contato.png) no-repeat;
  background-position: center; 
  background-size: cover;
}

@media (min-width: 768px) {
  .responsive-bg {
    height: 215px; /* smaller height on desktop */
  }

  #menu-top a {
    font-size: 1rem;
  }

  .bar-top {
    height: 215px;
    margin: 0px !important;
  }
}