/* Base styles for mobile (default) */

/* Small screen styles */
@media screen and (min-width: 320px) and (max-width: 740px) {
    body{
        background-size: 100%;
    }
    h2 {
   
        font-size:18px;
   
        width:100vw;
 
    }

    .h1-bottom {
        transform:scale(0.5) !important;
        width:100vw;
    }
  

 
    .site-title{
        position:fixed;
        width:100%;
        display:inline-flex;
        margin-left:10vw;
        transform:scale(0.3);
    }
    .site-title img{
        margin-left:80vw;
        margin-top:2vh;
        transform:scale(3);
    }
    .navbar-toggler{
      margin-top:4vh;
      margin-left:2vw;
        background-color: transparent;
        transform:scale(3);
 
    }
    .nav-link{
        max-height:12vh;
        font-size: x-large;
        background-color: black;
        box-shadow: 2px 16px 16px rgba(0, 0, 0, 1);
    }

    #about{
      margin-top:-90%;
      background-color: white;
 
    }

    #contact{
      margin-top:110%;
      background-color: white;
   
    }

    .cabin-details {
      transform: scale(0.8);
      padding-top: 5%;
      margin-top: 5%;
      margin-left:-9%;
   
    }
  
    .cabin-details img {
      height: auto;
    
    }

    .sub-cabin-detail{
      margin-bottom:-40%;
    }
  
    .iframe-airbnb {
      width: 100%;
      height: 260vh; 
      transform-origin: top; 
 
    }
  
    .cabin-presentation {
      margin-top: 50%;

    }
  
    body {
      margin: 0;
      overflow-x: hidden; 
    }
  


    #btn-contact{
     display:none;
    }
  
    /*.tm-nav ul{
        background-color: rgba(0, 0, 0);
        width:70vw;
        border-radius: 30px;
    }*/
    .ul-horaire{
     width:100vw;
     margin-left:auto;
     margin-right:auto;
    }

    .tm-media{
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      .form-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
      }
    
      .scroll-to-button {
        margin-left: 0;
        margin-bottom: 10px;
      }
    
      .form-container {
        width: 100%;
        height:70%;
      }

#img-index-01{
    opacity:0 !important;
    z-index:-1;
}

#img-index-02{
opacity:0 !important;
}
#img-index-03{
 z-index:99999;
 opacity:0;

    }
#contact{
    margin-top:-150%;
}
.googleMap{
    margin-top:10%;
    height:40vh;
}

   

      .tm-section-col {
        height: 10vh;
        box-shadow: none;
    
      }

      #text-reservation{
        width:100vw;
        margin-left:auto;
        margin-right:auto;
      }

    .border-box-img{
        margin: 5% auto;
        width: 100%;
    }
  }
  
  /* Medium screen styles */
  @media screen and (min-width: 768px) {
    /* Add styles for medium screens here */
  }
  
  /* Large screen styles */
  @media screen and (min-width: 1024px) {
    /* Add styles for large screens here */
  }