body, html {
    margin: 0;
    padding: 0;
    font-family: 'Rubik', sans-serif;
    overflow-x: hidden!important;
}

.empty-div {
    height: 40px;
}

#mobile-menu {
  opacity: 0;
}

.is-hidden {
  display: none;
}

#about-container, #contact-container, .carousel-image {
    -webkit-animation: fadeIn 15s;
    -moz-animation: fadeIn 15s;
    -o-animation: fadeIn 15s;
    animation: fadeIn 15s;
}

@keyframes fadeIn {
    0% {opacity:0;}
    50% {opacity:0.4;}
    100% {opacity:1;}
  }
  
  @-moz-keyframes fadeIn {
    0% {opacity:0;}
    50% {opacity:0.4;}
    100% {opacity:1;}
  }
  
  @-webkit-keyframes fadeIn {
    0% {opacity:0;}
    50% {opacity:0.4;}
    100% {opacity:1;}
  }
  
  @-o-keyframes fadeIn {
    0% {opacity:0;}
    50% {opacity:0.4;}
    100% {opacity:1;}
  }
  
  @-ms-keyframes fadeIn {
    0% {opacity:0;}
    50% {opacity:0.4;}
    100% {opacity:1;}
  }

  .preventivo-comes-up {
    -webkit-animation: comeUp 2s ease;
    -moz-animation: comeUp 2s ease;
    -o-animation: comeUp 2s ease;
    animation: comeUp 2s ease;
  }

  @keyframes comeUp {
    0% {opacity:0;}
    100% {opacity:1;}
  }
  
  @-moz-keyframes comeUp {
    0% {opacity:0;}
    100% {opacity:1;}
  }
  
  @-webkit-keyframes comeUp {
    0% {opacity:0;}
    100% {opacity:1;}
  }
  
  @-o-keyframes comeUp {
    0% {opacity:0;}
    100% {opacity:1;}
  }
  
  @-ms-keyframes comeUp {
    0% {opacity:0;}
    100% {opacity:1;}
  }

  @media screen and (max-width: 700px) {
  #mobile-menu-list {
    background: #1f1d1b;
    color: white;
    text-align: left;
    padding: 70px 0 50px 0;
    list-style: none;
    font-size: 22px;
    position: absolute;
    width: 100%;
    backdrop-filter: none;
    z-index: 8;
    animation-name: appear;
    animation-duration: 1s;
    animation-timing-function: ease;
  }
  
  @keyframes appear {
    from {
      top: -40%;
    }
    to {
      top: 0%;
    }
  }

  .mobile-menu-elem {
    padding: 10px;
    padding-left: 20%;
    border-bottom: 2px solid grey;
  }
  
  .mobile-menu-link {
    text-decoration: none;
    color: white;
  }

  #mobile-menu {
    opacity: 1;
  }

  .rotate-right {
    transform: rotate(45deg);
    transition: .2s ease-in-out;
  }

  .fade-out {
    visibility: hidden;
  }

  .rotate-left {
    transform: translateY(-15px) rotate(-45deg);
    transition: all .2s ease-in-out;
  }
}