:root {
  --brand-color: rgba(33, 93, 136, 1);
  --footer-color: rgba(241, 242, 244, 1);
  --social-icon-color: rgba(130, 130, 130, 1);
}

.dropdown-menu {
  border-radius: 0;
  border: 0px
}

.horizontal-gradient-image {
  background-size: cover;
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(35, 94, 138, 0.8) 50%, rgba(35, 94, 138, 1) 90%, rgba(35, 94, 138, 1) 100%), url(../img/desktop/chi-siamo-image-vertical.jpg);
  min-height: 1000px;
}

@media (min-width: 992px) {
  .dropdown-menu {
    border-radius: 0;
    border: 1px black solid;
  }

  .horizontal-gradient-image {
    background-size: cover;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(35, 94, 138, 0.8) 50%, rgba(35, 94, 138, 1) 90%, rgba(35, 94, 138, 1) 100%), url(../img/desktop/chi-siamo-image-horizontal.jpg);
    min-height: 1000px;
  }
}

.over {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 93, 136, 1);
  color: white;
  opacity: 0;
  z-index: 10;
  transition: all 0.4s ease-in-out;
}

.mouse-over:hover .over {
  opacity: 1;
  transition: all 0.4s ease-in-out;
}

.icon-style {
  color: var(--brand-color);
  width: 100px;
  height: 100px;
}

.social-icon-style {
  color: var(--social-icon-color);
  font-size: 2rem;
}

.service-card {
  position: relative;
  background-size: cover;
  border: 1px solid white;
  min-height: 300px;
}