/* WELCOME
   ----------------------------- */

section.welcome .welcome-text{
   text-align: center;
   padding: 70px 0;
}
section.welcome .welcome-text .paragraph{
   max-width: 560px;
   margin: 25px auto 0 auto;
}

@media(max-width: 690px){
   section.welcome .welcome-text{
      padding: 60px 0;
   }
}



/* ROOMS
   ----------------------------- */

section.rooms .badge-title{
   margin-bottom: 10px;
}
section.rooms .c-cols{
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 40px;
}
section.rooms .room{
   position: relative;
   overflow: hidden;
}
section.rooms .room:after{
   content: ' ';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(to top, rgba(4, 21, 14, 0.7) 0%, rgba(4, 21, 14, 0) 40%);
}
section.rooms .room figure.image{
   transition: transform 1.4s cubic-bezier(.25, .1, .1, 1);
   transform: scale(1.001);
   will-change: transform;
}
section.rooms .room:hover figure.image{
   transform: scale(1.2);
}
section.rooms .room figure.image img{
   width: 100%;
   aspect-ratio: 16 / 10;
   min-height: 400px;
   object-fit: cover;
   display: block;
}
section.rooms h3{
   position: absolute;
   bottom: 0;
   left: 50%;
   z-index: 2;
   transform: translateX(-50%);
   text-transform: uppercase;
   font-size: 20px;
   letter-spacing: 2.5px;
   font-family: var(--font-text);
   width: 230px;
   height: 66px;

   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;

   color: var(--white);

   transition: transform 0.5s cubic-bezier(.25,.1,.1,1);
}
section.rooms h3:after{
   content: ' ';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   background: rgba(163, 151, 137,0.5);
   mix-blend-mode: luminosity;
}

section.rooms .room:hover h3{
   transform: translate(-50%, -20px);
}

@media(max-width: 1200px){
   section.rooms .c-cols{
      gap: 30px;
   }
}
@media(max-width: 999px){
   section.rooms .c-cols{
      gap: 20px;
   }
   section.rooms h3{
      font-size: 17px;
   }
}
@media(max-width: 690px){
   section.rooms h3{
      font-size: 14px;
      height: 50px;
      width: 180px;
   }
   section.rooms .c-cols{
      padding: 0 20px;
      grid-template-columns: 1fr;
   }
   section.rooms.page-rooms .c-cols{
      padding: 0;
   }
   section.rooms .room figure.image img{
      max-height: 300px;
      min-height: 0;
   }
}


/* PAGE ROOMS
   ----------------------------- */

section.page-rooms{
   position: relative;
   padding-bottom: 120px;
}
section.page-rooms .c-wrap{
   position: relative;
   z-index: 2;
}
section.page-rooms .title-wrap{
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 80px 100px;
   align-items: center;

   padding: 100px 30px;
}
section.page-rooms .title-wrap h2{
   color: var(--brown-2);
   max-width: 450px;
}
section.page-rooms .title-wrap .paragraph{
   max-width: 450px;
}
section.page-rooms:after{
   content: ' ';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: calc(100% - 260px);
   z-index: 1;
   background: var(--light-beige);
}

@media(max-width: 999px){
   section.page-rooms .title-wrap{
      grid-template-columns: 1fr;
      gap: 25px;
      padding: 50px 20px;
   }
   section.page-rooms{
      padding-bottom: 100px;
   }
}

@media(max-width: 690px){
   section.page-rooms .title-wrap{
      grid-template-columns: 1fr;
      gap: 25px;
      padding: 50px 0px;
   }
   section.page-rooms{
      padding-bottom: 80px;
   }
}



/* GALLERY
   ----------------------------- */

section.gallery{
   padding: 100px 0;
}
section.gallery .c-wrap{
   max-width: 1200px;
}
section.gallery .title-wrap{
   text-align: center;
}
section.gallery h2{
   color: var(--brown-2);
}
section.gallery .items{
   user-select: none;
   margin-top: 80px;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   gap: 10px;
}
section.gallery .items a{
   display: block;
}
section.gallery .items img{
   aspect-ratio: 1 / 1;
   object-fit: cover;
   display: block;
   width: 100%;
}
section.gallery .items figure.image{
   position: relative;
   background: var(--dark-grey);
}
section.gallery .items figure.image .hover{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;

   display: flex;
   align-items: center;
   justify-content: center;

   background: linear-gradient(to top, rgba(117, 80, 70, 0.8) 0%, rgba(117, 80, 70, 0.7) 100%);
   transition: opacity 0.5s cubic-bezier(.25, .1, .1, 1);
   opacity: 0;
}
section.gallery .items figure.image:hover .hover{
   opacity: 1;
}

section.gallery .items figure.image svg{
   width: 40px;
   fill: var(--white);
   transform: translateY(35px);
   transition: transform 0.5s cubic-bezier(.25, .1, .1, 1);
}
section.gallery .items figure.image:hover svg{
   transform: translateY(0px);

}


@media(max-width: 1200px){
   section.gallery{
      padding: 100px 0;
   }
}
@media(max-width: 999px){
   section.gallery{
      padding: 80px 0;
   }
   section.gallery .items{
      margin-top: 60px;
      grid-template-columns: 1fr 1fr 1fr;
   }
}
@media(max-width: 690px){
   section.gallery{
      padding: 50px 0;
   }
   section.gallery .items{
      margin-top: 50px;
      grid-template-columns: 1fr 1fr;
   }
}




/* WELCOME CALAFATE
   ----------------------------- */

section.welcome-calafate .welcome-text{
   text-align: center;
   padding: 80px 0;
   margin: 0 auto;
   max-width: 750px;
}
section.welcome-calafate .welcome-text h2{
   line-height: 1.2;
   color: var(--brown-2);
}
section.welcome-calafate .welcome-text .paragraph{
   max-width: 560px;
   margin: 30px auto 0 auto;
   color: var(--grey);
   text-transform: uppercase;
}
section.welcome-calafate figure.image{
   width: 100%;
   height: 600px;
}
section.welcome-calafate figure.image img{
   width: 100%;
   height: 600px;
   display: block;
   object-fit: cover;
}

@media(max-width: 999px){

   section.welcome-calafate figure.image{
      height: 500px;
   }
}


@media(max-width: 690px){

   section.welcome-calafate figure.image{
      height: 350px;
   }
}


/* HOME GASTRONOMY
   ----------------------------- */

section.home-gastronomy{
   padding: 120px 0;
   background: var(--white);
}

section.home-gastronomy .c-wrap{
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 50px 120px;
   align-items: center;
}
section.home-gastronomy .flickity-cell{
   width: 100%;
}
section.home-gastronomy figure.image img{
   width: 100%;
   height: auto;
   aspect-ratio: 1 / 1;
   object-fit: cover;
}
section.home-gastronomy .badge-title{
   margin-block: 25px;
}
section.home-gastronomy h2{
   max-width: 500px;
}
section.home-gastronomy .main-btn{
   margin-top: 35px;
}

@media(max-width: 1200px){
   section.home-gastronomy .c-wrap{
      gap: 60px;
   }
   section.home-gastronomy{
      padding: 100px 0;
   }
   section.home-services .c-cols{
      margin-top: 60px;
   }
}

@media(max-width: 690px){
   section.home-services .c-cols{
      margin-top: 50px;
   }
   section.home-gastronomy{
      padding: 80px 0;
   }
   section.home-gastronomy .c-wrap{
      grid-template-columns: 1fr;
      gap: 40px;
   }
   section.home-gastronomy .info{
      order: 1;
   }
   section.home-gastronomy .carousel{
      order: 2;
   }
   section.home-gastronomy .badge-title{
      margin-top: 0;
   }
}


/* HOME SERVICES
   ----------------------------- */

section.home-services{
   padding-bottom: 180px;
}
section.home-services .info{
   padding: 0 30px;
}
section.home-services .badge-title{
   display: inline-block;
   margin-bottom: 30px;
}
section.home-services h2{
   max-width: 600px;
}
section.home-services .main-btn{
   margin-top: 30px;
}
section.home-services .paragraph-wrap{
   display: flex;
   align-items: flex-end;
   justify-content: center;
}
section.home-services .paragraph-wrap .paragraph{
   max-width: 320px;
}
section.home-services .title-wrap{
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 20px 120px;
}
section.home-services .c-cols{
   margin-top: 80px;
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 40px;
}
section.home-services .service{
   position: relative;
   overflow: hidden;
   user-select: none;
}
section.home-services .service:after{
   content: ' ';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(to top, rgba(4, 21, 14, 0.7) 0%, rgba(4, 21, 14, 0) 40%);
}
section.home-services .service figure.image{
   transition: transform 1s cubic-bezier(.25, .1, .1, 1);
   transform: scale(1.01);
}
section.home-services .service:hover figure.image{
   transform: scale(1.1);
}
section.home-services .service figure.image img{
   width: 100%;
   aspect-ratio: 1 / 1;
   min-height: 400px;
   object-fit: cover;
   display: block;
}
section.home-services h3{
   position: absolute;
   bottom: 0;
   left: 50%;
   z-index: 2;
   transform: translateX(-50%);
   text-transform: uppercase;
   font-size: 22px;
   letter-spacing: 2.5px;
   font-family: var(--font-text);
   width: 240px;
   height: 70px;

   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;

   color: var(--white);

   transition: transform 0.5s cubic-bezier(.25,.1,.1,1);
}
section.home-services h3:after{
   content: ' ';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   background: rgba(163, 151, 137,0.5);
   mix-blend-mode: luminosity;
}

section.home-services .room:hover h3{
   transform: translate(-50%, -20px);
}


@media(max-width: 1500px){
   section.home-services{
      padding-bottom: 120px;
   }
}
@media(max-width: 999px){
   section.home-services .title-wrap{
      grid-template-columns: 1fr;
   }
   section.home-services .paragraph-wrap{
      justify-content: flex-start;
   }
   section.home-services .info{
      padding: 0;
   }

   section.home-services .c-cols{
      gap: 30px;
   }
   section.home-services{
      padding-bottom: 100px;
   }
   section.home-services h3{
      font-size: 17px;
   }
}

@media(max-width: 690px){
   section.home-services{
      padding-bottom: 80px;
   }
   section.home-services .c-cols{
      grid-template-columns: 1fr;
      gap: 20px;
   }
   section.home-services .service figure.image img{
      min-height: 0;
      max-height: 300px;
   }
   section.home-services h3{
      font-size: 16px;
      height: 55px;
      width: 200px;
   }
}


/* CAROUSEL SECTION
   ----------------------------- */

section.carousel-section{
   position: relative;
   padding: 100px 0;
}
section.carousel-section .c-wrap{
   position: relative;
   z-index: 2;

   display: grid;
   grid-template-columns: 4fr 8fr;
}
section.carousel-section:after{
   content: ' ';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 50%;
   z-index: 1;
   background: var(--light-beige);
}

section.carousel-section .flickity-cell{
   width: 100%;
}
section.carousel-section figure.image{
   min-height: 100%;
   height: 100%;
}
section.carousel-section figure.image img{
   width: 100%;
   object-fit: cover;
   aspect-ratio: 16 / 10;
   min-height: 100%;
}
section.carousel-section .carousel-wrap{
   background: var(--white);
}
section.carousel-section .carousel-wrap .carousel{
   width: 100%;
   height: 100%;
}
section.carousel-section .info{
   background: var(--white);
   padding: 5vw 4.5vw;
   min-height: 500px;
   display: flex;
   flex-direction: column;
   justify-content: center;
}
section.carousel-section .info h2{
   color: var(--brown-2);
   max-width: 300px;
}
section.carousel-section .info .paragraph{
   margin-top: 35px;
}


@media(min-width: 1000px){

   section.carousel-section .flickity-viewport{
      height: 100% !important;
   }
}
@media(max-width: 999px){
   section.carousel-section .info .paragraph{
      margin-top: 25px;
   }
   section.carousel-section .c-wrap{
      grid-template-columns: 1fr;
   }

   section.carousel-section{
      padding: 50px 0;
   }
   section.carousel-section .info{
      min-height: 0;
      background: none;
      padding: 0;
      margin-bottom: 40px;
   }
   section.carousel-section:after{
      height: 60%;
   }
   section.carousel-section figure.image{
      min-height: 0;
      height: auto;
   }
}



@media(max-width: 690px){
   section.carousel-section figure.image img{
      aspect-ratio: 4 / 3;
      height: auto;
      min-height: 0;
   }
}



/* SUSTAINABILITY
   ----------------------------- */

section.sustainability{
   padding: 150px 0;
   color: var(--white);
   background: var(--brown-2);
   margin-bottom: 3px;
}
section.sustainability .title-wrap{
   display: grid;
   justify-content: space-between;
   grid-template-columns: 1fr 150px;
}
section.sustainability .title-wrap .c-col{
   max-width: 550px;
}
section.sustainability .title-wrap h2{
   margin-top: 10px;
}


section.sustainability ul {
   margin: 70px 0 0;
   padding: 0;
   list-style: none;
   column-count: 2;
   column-gap: 70px;
   font-size: var(--paragraph-size);
}

section.sustainability li {
   display: flex;
   align-items: flex-start;
   gap: 20px;
   margin-bottom: 20px;
}

section.sustainability li .icon {
   flex: 0 0 18px;
   margin-top: 2px;
   width: 18px;
   height: 18px;
}

section.sustainability li .icon img {
   width: 100%;
   object-fit: contain;
   height: 100%;
   fill: var(--white);
}

section.sustainability li .text {
   flex: 1;
   line-height: 1.6;
}


@media(max-width: 1300px){
   section.sustainability{
      padding: 120px 0;
   }
}
@media(max-width: 1200px){
   section.sustainability{
      padding: 110px 0;
   }
}
@media(max-width: 999px){
   section.sustainability{
      padding: 90px 0;
   }
   section.sustainability ul{
      margin-top: 70px;
      column-count: 1;
   }
}
@media(max-width: 690px){
   section.sustainability{
      padding: 50px 0;
   }
   section.sustainability ul{
      margin-top: 50px;
   }
   section.sustainability li{
      gap: 10px;
   }
   section.sustainability .title-wrap{
      grid-template-columns: 1fr 90px;
   }
   section.sustainability li .icon{
      width: 16px;
      height: 16px;
   }
}





/* SINGLE ROOM
   ----------------------------- */


section.single-room{
   position: relative;
   padding: 100px 0 0 0;
}
section.single-room .c-wrap{
   position: relative;
   z-index: 2;
}

section.single-room .box{
   background: var(--white);
   padding: 60px;
   display: grid;
   grid-template-columns: 1fr 1fr;
   align-items: center;
   gap: 0 60px;
}
section.single-room:after{
   content: ' ';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 50%;
   z-index: 1;
   background: var(--light-beige);
}

section.single-room .info{
   padding: 60px 0;
}
section.single-room .title{
   color: var(--brown-2);
}
section.single-room .paragraph{
   margin-top: 25px;
}
section.single-room .paragraph p{
   font-size: var(--paragraph-size-xl);
   line-height: 1.5;
}
section.single-room figure.image{
   background: var(--dark-grey);
}
section.single-room figure.image img{
   display: block;
   width: 100%;
   height: auto;
   aspect-ratio: 1 / 1;
   object-fit: cover;
}
section.single-room ul.features{
   margin-top: 40px;
   column-count: 2;
   column-gap: 20px;
}
section.single-room ul.features li{
   display: flex;
   align-items: center;
   gap: 20px;
   padding: 10px 0;
}
section.single-room ul.features img{
   width: 50px;
}

section.other-room .c-wrap{
   position: relative;
   z-index: 2;
}
section.other-room .box{
   border-top: 1px solid var(--light-beige);
   background: var(--white);
   padding: 60px;
   display: grid;
   grid-template-columns: 1fr 1fr;
   align-items: center;
   gap: 0 60px;
}
section.other-room h3{
   color: var(--brown);
}
section.other-room .paragraph{
   margin-top: 20px;
   max-width: 500px;
}
section.other-room .other-room-item,
section.other-room a,
section.other-room figure.image{
   position: relative;
   display: block;
   width: 100%;
}
section.other-room figure.image img{
   width: 100%;
   height: 250px;
   object-fit: cover;
}
section.other-room .other-room-item h3{
   position: absolute;
   bottom: 0;
   left: 50%;
   z-index: 2;
   transform: translateX(-50%);
   text-transform: uppercase;
   font-size: 16px;
   letter-spacing: 2.5px;
   font-family: var(--font-text);
   width: 170px;
   height: 50px;

   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;

   color: var(--white);

   transition: transform 0.5s cubic-bezier(.25,.1,.1,1);
}
section.other-room .other-room-item h3:after{
   content: ' ';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   background: rgba(163, 151, 137,0.5);
   mix-blend-mode: luminosity;
}

section.other-room .other-room-item:hover h3{
   transform: translate(-50%, -20px);
}


@media(max-width: 1400px){
   section.single-room{
      padding: 80px 0;
   }
   section.single-room ul.features li{
      font-size: 16px;
   }
   section.other-room .box,
   section.single-room .box{
      padding: 50px;
   }
   section.single-room .info{
      padding: 30px 0;
   }
}

@media(max-width: 1200px){
   section.single-room .box{
      align-items: stretch;
   }
   section.single-room .paragraph p{
      font-size: 16px;
   }
   section.single-room figure.image{
      width: 100%;
      height: 100%;
   }
   section.single-room figure.image img{
      width: 100%;
      height: 100%;
      aspect-ratio: initial;
   }
}
@media(max-width: 999px){
   section.single-room figure.image{
      height: auto;
   }
   section.single-room figure.image img{
      width: 100%;
      height: 350px;
      aspect-ratio: initial;
   }
   section.single-room .box{
      grid-template-columns: 1fr;
      gap: 30px;
      padding: 30px;
      align-items: center;
   }
   section.single-room .info{
      padding: 0;
   }
   section.other-room .box{
      padding: 40px 0;
   }
   section.single-room{
      padding: 40px 0;
   }
   section.single-room ul.features li{
      padding: 5px 0;
      font-size: 15px;
      gap: 15px;
   }
   section.single-room ul.features img{
      width: 40px;
   }
}


@media(max-width: 690px){
   section.single-room:after{
      display: none;
   }
   section.single-room ul.features li{
      font-size: 14px;
   }
   section.single-room figure.image img{
      height: auto;
      aspect-ratio: 4 / 3;
   }
   section.other-room .box{
      grid-template-columns: 1fr;
      gap: 30px;
   }
   section.single-room ul.features{
      column-count: 1;
   }

   section.single-room .box{
      padding: 0px;
   }

}




/* CONTACT
   ----------------------------- */


section.contact{
   padding: 100px 0;
}
section.contact .c-wrap{
   max-width: 1200px;
}
section.contact .title-wrap{
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   gap: 10px;
}
section.contact .title-wrap h2{
   color: var(--brown-2);
}
section.contact .c-cols{
   margin-top: 80px;
   display: grid;
   grid-template-columns: 1fr 380px;
   gap: 80px;
   align-items: center;
}
section.contact .info{
   display: flex;
   flex-direction: column;
   gap: 20px;
}
section.contact .info .item{
   background: var(--light-beige);
   padding: 40px;
   color: var(--dark-grey);
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
}
section.contact .info .item img{
   width: 45px;
}
section.contact .address-wrap h4{
   margin-top: 15px;
   text-transform: uppercase;
   font-family: var(--font-text);
   font-size: 15px;
   font-weight: 700;
   line-height: 1.3;
   max-width: 500px;
   letter-spacing: 2px;
}
section.contact .phone-wrap h4{
   margin-top: 15px;
   text-transform: uppercase;
   font-family: var(--font-text);
   font-size: 15px;
   font-weight: 400;
   line-height: 1.3;
   letter-spacing: 2px;
}
section.contact .phone-wrap a{
   margin-top: 5px;
   display: inline-block;
   text-transform: uppercase;
   font-family: var(--font-text);
   font-size: 22px;
   font-weight: 700;
   line-height: 1.3;
}
section.contact .email-wrap h4{
   margin-top: 15px;
   text-transform: uppercase;
   font-family: var(--font-text);
   font-size: 15px;
   font-weight: 400;
   line-height: 1.3;
   letter-spacing: 2px;
}
section.contact .email-wrap a{
   margin-top: 5px;
   display: inline-block;
   text-transform: none;
   font-family: var(--font-text);
   font-weight: 700;
   line-height: 1.3;
}
section.map {
   margin-top: 60px;
   width: 100%;
   height: 550px;
   background: #f8f7f7;
   overflow: hidden;
}

section.map iframe{
   display: block;
   width: 100%;
   height: 100%;
}


@media(max-width: 999px){
   section.contact{
      padding: 70px 0;
   }

   section.contact .c-cols{
      grid-template-columns: 1fr;
   }
   section.contact .c-cols{
      margin-top: 60px;
   }
   section.map{
      margin-top: 30px;
      height: 450px;
   }
}
@media(max-width: 690px){
   section.contact .c-cols{
      margin-top: 40px;
   }
   section.contact{
      padding: 60px 0;
   }
   section.map{
      height: 350px;
   }
   section.contact .info .item{
      padding: 40px 30px;
   }
   section.contact .email-wrap h4,
   section.contact .address-wrap h4,
   section.contact .phone-wrap h4{
      font-size: 14px;
   }
   section.contact .email-wrap a{
      font-size: 15px;
   }
   section.contact .phone-wrap a{
      font-size: 18px;
   }
   section.contact .info .item img{
      width: 40px;
   }
}



/* LOCATION
   ----------------------------- */

section.location{
   position: relative;
   padding: 100px 0 0 0;
   user-select: none;
}
section.location:after{
   content: ' ';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: calc(100% - 260px);
   z-index: 1;
   background: var(--light-beige);
}

section.location .c-wrap{
   max-width: 1200px;
   position: relative;
   z-index: 2;

   display: grid;
   grid-template-columns: 1fr 1fr;
}

section.location .map{
   margin-top: 50px;
   order: 1;
   align-self: flex-end;
}
section.location .map .iframe-wrap{
   background: #f8f7f7;
   width: calc(100% + 100px);
   height: 550px;
   display: block;
}
section.location .map .iframe-wrap iframe{
   width: 100%;
   height: 100%;
   opacity: 0;
   transition: 3s ease;
}
body.map-loaded section.location .map .iframe-wrap iframe{
   opacity: 1;
}
section.location .info{
   order: 2;
   text-align: right;
}
section.location .info h2{
   font-size: var(--h3-size);
   margin-top: 10px;
   color: var(--brown-2);
   padding-left: 150px;
   max-width: 500px;
   display: inline-block;
}
section.location .paragraph{
   margin-top: 70px;
   width: 100%;
   background: var(--white);
   padding: 80px;
   text-align: left;
}


@media(max-width: 999px){
   section.location{
      padding-top: 80px;
   }
   section.location .c-wrap{
      grid-template-columns: 1fr;
   }
   section.location .map{
      margin-top: 0;
      order: 3;
   }
   section.location .map .iframe-wrap{
      width: 100%;
      height: 400px;
   }
   section.location .info{
      text-align: left;
   }
   section.location .info h2{
      margin: 10px auto 0 auto;
      padding: 0;
   }
   section.location .paragraph{
      margin-top: 50px;
      padding: 50px;
   }
}


@media(max-width: 690px){
   section.location:after{
      display: none;
   }
   section.location{
      padding-top: 50px;
   }
   section.location .map .iframe-wrap{
      height: 350px;
   }
   section.location .paragraph{
      margin-top: 25px;
      margin-bottom: 40px;
      padding: 0;
   }
}


/* PATAGONIA
   ----------------------------- */

section.patagonia{
   padding: 100px 0;
   user-select: none;
}
section.patagonia .c-wrap{
   max-width: 1200px;
}
section.patagonia .items{
   display: grid;
   grid-template-columns: 1fr 1fr;
}
section.patagonia .item{
   display: grid;
   grid-template-columns: 1fr 1fr;
   background: #f6f6f4;
   color: var(--grey);
}
section.patagonia .item h3{
   color: var(--brown-2);
   font-size: 20px;
}
section.patagonia .item figure.image{
   position: relative;
   width: 100%;
   height: 100%;
}
section.patagonia .item figure.image img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   aspect-ratio: 1 / 1;
}
section.patagonia .item .info{
   padding: 35px;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
   gap: 15px;
}
section.patagonia .item .info .paragraph p{
   font-size: 15px;
}



@media(max-width: 1100px){
   section.patagonia .c-wrap{
      padding: 0 20px;
   }
}

@media(min-width: 1000px){

   section.patagonia .item:nth-child(2n){
      background: var(--brown-2);
      color: var(--white);
   }
   section.patagonia .item:nth-child(2n) h3{
      color: var(--beige);
   }
   section.patagonia .item:nth-child(4n+3) figure.image,
   section.patagonia .item:nth-child(4n+4) figure.image{
      order: 2;
   }
}

@media(max-width: 999px){

   section.patagonia .items{
      grid-template-columns: 1fr;
      gap: 20px;
   }
   section.patagonia .item:nth-child(2n) figure.image{
      order: 2;
   }
   section.patagonia .item figure.image img{
      aspect-ratio: initial;
      max-height: 280px;
   }
   section.patagonia{
      padding-top: 80px;
      padding-bottom: 80px;
   }
}
@media(max-width: 690px){

   section.patagonia{
      padding-top: 60px;
      padding-bottom: 60px;
   }

   section.patagonia .item figure.image img{
      aspect-ratio: initial;
      max-height: 999px;
   }
}
@media(max-width: 500px){

   section.patagonia .item figure.image img{
      aspect-ratio: initial;
      max-height: 280px;
   }
   section.patagonia .item{
      grid-template-columns: 1fr;
   }
   section.patagonia .item:nth-child(2n) figure.image{
      order: initial;
   }
}



/* EXPERIENCE 
   ----------------------------- */

section.experience{
   position: relative;
   padding: 100px 0 0 0;
   user-select: none;
}
section.experience:after{
   content: ' ';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: calc(100% - 260px);
   z-index: 1;
   background: var(--light-beige);
}
section.experience .c-wrap{
   max-width: 1200px;
   position: relative;
   z-index: 2;

   display: grid;
   grid-template-columns: 45% 55%;
   align-items: flex-end;
}
section.experience .info{
   position: relative;
   z-index: 3;
   order: 2;
   background: var(--white);
   padding: 60px 50px 120px 50px;
}
section.experience .info h2{
   margin-top: 15px;
   font-size: var(--h3-size);
   color: var(--brown-2);
}
section.experience .info .paragraph{
   margin-top: 25px;
}
section.experience figure.image img{
   aspect-ratio: 1 / 1;
   object-fit: cover;
   width: 100%;
   height: auto;
}
section.experience .carousel{
   width: calc(100% + 100px);
}


@media(max-width: 999px){
   section.experience{
      padding-top: 60px;
   }

   section.experience .info{
      padding: 60px 40px;
   }
   section.experience figure.image{
      height: 100%;
   }
   section.experience figure.image img{
      height: 100%;
      min-height: 100%;
      aspect-ratio: initial;
   }
   section.experience .c-wrap{
      grid-template-columns: 1fr 1fr;
      align-items: stretch;
   }
   section.experience .carousel{
      width: 100%;
   }

}

@media(max-width: 690px){
   section.experience figure.image{
      height: auto;
   }
   section.experience figure.image img{
      height: auto;
      aspect-ratio: 4 / 3;
   }

   section.experience{
      padding-top: 50px;
   }
   section.experience .c-wrap{
      grid-template-columns: 1fr;
      gap: 50px;
   }
   section.experience .carousel{
      order: 2;
   }
   section.experience .info{
      order: 1;
      background: none;
      padding: 0px;
   }
   section.experience:after{
      height: 70%;
   }
}




section.experience-2{
   padding: 100px 0;
}
section.experience-2 .c-wrap{
   max-width: 100%;
   padding: 0;
}

section.experience-2 .c-cols{
   display: grid;
   grid-template-columns: 1fr 1fr;
}
section.experience-2 .info-wrap{
   padding-top: 60px;
   display: flex;
   justify-content: center;
   padding: 0 30px;
}
section.experience-2 .info{
   max-width: 320px;
}
section.experience-2 .info h2{
   font-size: var(--h3-size);
   color: var(--brown);
}
section.experience-2 .info .paragraph{
   margin-top: 20px;
}
section.experience-2 figure.image img{
   aspect-ratio: 1 / 1;
   object-fit: cover;
}
section.experience-2 ul.features{
   margin-top: 50px;
   display: flex;
   flex-direction: column;
   gap: 15px;
}
section.experience-2 ul.features li{
   display: flex;
   align-items: center;
   gap: 15px;
}
section.experience-2 ul.features li img{
   width: 35px;
   height: auto;
   display: block;
}


@media(max-width: 999px){
   section.experience-2 {
      padding: 80px 0 0 0;
   }
   section.experience-2 .info-wrap{
      justify-content: flex-start;
   }
   section.experience-2 .c-cols{
      grid-template-columns: 1fr;
      gap: 70px;
   }
   section.experience-2 .info-wrap .info{
      max-width: 600px;
   }
   section.experience-2 figure.image img{
      aspect-ratio: initial;
      object-fit: cover;
      height: 400px;
   }
}
@media(max-width: 690px){
   section.experience-2 ul.features{
      margin-top: 40px;
   }
   section.experience-2 .info-wrap .info{
      max-width: 350px;
   }
   section.experience-2 .info-wrap{
      padding: 0 20px;
   }
   section.experience-2 figure.image img{
      height: 300px;
   }
}


/* FOOTER
   ----------------------------- */

footer.footer .c-cols{
   display: grid;
   grid-template-columns: 2fr 1fr;
}
footer.footer .c-cols .c-col{
   position: relative;
   padding: 60px 50px;
}
footer.footer .c-cols .c-col:first-child{
   background: #2e2e2e;
   color: #a5a5a5;
   display: grid;
   grid-template-columns: 1fr 4fr;
   gap: 50px;
}

footer.footer .c-cols .c-col:last-child{
   background: #755846;
   display: flex;
   align-items: center;
}

footer.footer figure.logo{
   display: flex;
   justify-content: center;
}
footer.footer figure.logo img{
   width: 120px;
   height: auto;
   display: block;
}
footer.footer h6{
   color: #91C4EB;
   text-transform: uppercase;
   font-family: var(--font-text);
   font-size: 13px;
   letter-spacing: 1px;
   margin-bottom: 2px;
}
footer.footer ul li{
   padding: 2px 0;
}
footer.footer ul a{
   display: inline-block;
   font-family: var(--font-title);
   font-size: 16px;
   line-height: 1.5;
}
footer.footer ul a:hover{
   color: #fff;
}

.footer-menus .items {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 40px;
}

.footer-menus .column {
  display: flex;
  flex-direction: column;
  justify-content: space-between; 
  min-height: 100%;         
  gap: 8px;      
}


.footer-links{
   display: flex;
   flex-direction: column;
   gap: 16px;
   padding-right: 100px;
}
.footer-link{
   display: flex;
   align-items: center;
   gap: 20px;
   font-size: 17px;
}
.footer-link.c-phone{
   font-size: 19px;
   font-weight: 700;
   letter-spacing: 1px;
}
.footer-link.c-email{
   font-size: 15px;
}
.footer-link a{
   color: var(--beige);
}
.footer-link.c-phone a{
   color: var(--white);
}
.footer-link.c-phone a:hover{
   opacity: 0.7;
}
.footer-link a:hover{
   color: var(--white);
}
.footer-link a span{
   display: block;
   padding: 3px 0;
}
.footer-link img{
   width: 26px;
}


.footer-social-links{
   position: absolute;
   top: 50%;
   right: 0;
   display: flex;
   transform: translateY(-50%);
   flex-direction: column;
   background: #e7d5c1;
   padding: 30px 20px;
   gap: 15px;
   justify-content: space-between;
   min-height: 130px;
}
.footer-social-links .footer-link a{
   color: #755846;
}
.footer-social-links .footer-link img{
   width: 22px;
}


@media (max-width: 1500px){
   footer.footer .c-cols .c-col:first-child{
      gap: 40px;
   }
}
@media (max-width: 1400px){
   footer.footer .c-cols{
      grid-template-columns: 1fr;
   }
}
@media (max-width: 999px) {
   footer.footer .c-cols .c-col:first-child{
      grid-template-columns: 1fr;
      gap: 50px;
   }
   .footer-links{
      padding-right: 20px;
   }
   footer.footer figure.logo{
      justify-content: flex-start;
   }
   footer.footer{
      padding-bottom: 52px;
   }
}

@media (max-width: 800px) {
  .footer-menus .items {
    grid-template-columns: 1fr;
      gap: 30px;
  }
  footer.footer .c-cols .c-col{
      padding: 70px 30px;
  }
  .footer-menus .column{
      gap: 30px;
  }
  .footer-menus .items{
   text-align: center;
  }
  footer.footer .c-cols .c-col:first-child{
   justify-items: center;
  }
}


@media (max-width: 690px) {
   .footer-link.c-phone{
      font-size: 18px;
   }
  footer.footer .c-cols .c-col{
   padding: 50px 20px;
  }
  footer.footer figure.logo img{
      width: 100px;
  }
  .footer-link{
   gap: 12px;
  }
  .footer-link img{
   width: 25px;
  }
  footer.footer ul a{
   font-size: 15px;
  }
}



@media (max-width: 500px) {
  .footer-social-links{
      padding: 25px 15px;
      min-height: 110px;
  }
  .footer-social-links .footer-link img{
   width: 18px;
  }
  .footer-link.c-email{
   font-size: 15px;
   letter-spacing: -0.5px;
  }
  .footer-link{
   font-size: 15px;
  }

  footer.footer .c-cols .c-col:last-child{
      flex-direction: column;
      gap: 20px;
      justify-content: flex-start;
      align-items: flex-start;
      padding-left: 20px;
  }

}