@charset "utf-8";

@media (max-width: 980px) {
   html,
   body {
      font-size: 11px;
   }
   .menu {
      display: block;
   }
   nav {
      display: none;
      margin-top: 20px;
   }
   nav ul li {
      display: block;
      margin: 0;
      padding: 0;
      width: 100%;
      text-align: center;
      margin-bottom: 10px;
   }
   .whatsapp {
      display: inline-flex;
      margin-top: 20px;
   }
   header .container {
      justify-content: center;
      flex-direction: column;
   }
   .w-50,
   .w-40,
   .w-60,
   .w-25,
   .w-70,
   .w-30,
   .w-33 {
      width: 100%;
   }
   .w-20 {
      width: 50%;
   }
   .pr-1,
   .pl-1 {
      padding: 0;
   }
   .mb-0 {
      margin-bottom: 10px;
   }
   .mb-2 {
      margin-bottom: 30px;
   }
   .mb-3 {
      margin-bottom: 60px;
   }
   .mt-1 {
      margin-top: 130px;
   }
   .p-3 {
      padding-top: 50px;
      padding-bottom: 50px;
   }
   .home-title-2 {
      text-align: center;
   }
   #amenities-title,
   footer {
      text-align: center;
      align-items: center;
   }
   #form-contact {
      margin-bottom: 40px;
      padding-left: 40px;
      padding-right: 40px;
   }
   .mb-1 {
      margin-bottom: 20px;
   }
   #credits,
   #web-credits .container {
      justify-content: center;
      text-align: center;
   }
   #micaela {
      width: 50vw;
      display: inline-block;
   }
   .floors-items {
      width: 100%;
      margin-bottom: 20px;
   }
   .floors-image {
      height: calc(56vw -80px);
   }
   #contact-list {
      flex-direction: column;
   }
   .big {
      font-size: 2.8rem;
   }
   #amenities {
      background-size: cover;
   }
   .order-1 {
      order: -1;
   }
   .floors-image {
      width: 100%;
      height: 58vw;
   }
}