html {
    font-size: calc(15px + 0.390625vw);
}

* {
    font-family: 'Quicksand', sans-serif;
  }
  

.navbar-logo {
    width: 50px;
}

body { 
    padding-top: 80px;
}

.parallax {
    background-image: url("./images/home/home_background_3.png");
    background-blend-mode: multiply;
    background-color: rgba(36, 36, 36, 0.4);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.landing_page_text {
    font-size: 12vw;
    padding-left: 2vw;
    color: white;
    font-weight: 900;
}

.parallax_bedroom_section {
    background-image: url("./images/home/bedroom.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 75vw;
}   

.text_brown {
    color: brown;
}

.background-gray {
    background-color: #EFEFEF;
}

.zoom {
    transition: transform .2s; /* Animation */
  }
  
  .zoom:hover {
    transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  }

  .footer-font {
      font-size: 12px;
  }

  .book_now_button_width {
      width: 300px;
      margin-left: auto;
      margin-right: auto;
  }



  @media (min-width: 768px) { 
    .landing_page_text {
        font-size: 8vw;
    }

  }

  

@media (min-width: 992px) { 
    .parallax {
        background-image: url("./images/home/home_background_3.png");
        min-height: 1000px;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position:center;
        background-size: cover;
    }

    .landing_page_text {
        font-size: 7vw;
        width: 90%;
        max-width: 1160px;
    }

    .kitchen_section_title {
        width: 75%;
        margin-left: 5vw;
    }

    .parallax_bedroom_section {
        height: 35vw;
    }   

    .mt-five-rem {
        margin-top: 5rem;
    }
    .mb-five-rem {
        margin-bottom: 5rem;
    }

    .book_now_button_width {
        margin-left: 0px;
        margin-right: 0px;
        margin-left: 2vw;
    }
    
}



@media (min-width: 1200px) { 

    .landing_page_text {
        width: 90%;
    }

    .parallax {
        background-image: url("./images/home/home_background_2.png");
        min-height: 1000px;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: top; 
        background-size: cover;
    }
    .parallax_bedroom_section {
        background-image: url("./images/home/bedroom.png");
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: contain;
        height: 100%;
    }  
    
    .kitchen_section_image_height {
        height: 680px;
    }
    
}
@media (min-width: 1300px) {  
    .landing_page_text {
        font-size: 5vw;
        font-size: 90px;
     
    }
}


@media (min-width: 2000px) {  

    .parallax { 
        background-position: center; 
    }

}