@media only screen and (max-width: 600px) {
     .pageContent{
          width: 90%;
          margin: 0 auto;
          padding: 5vh 0;
     }
     .logoContainer{
          width: 30vw !important;
     }
     h2{
          font-size: 3rem !important;
     }
     span{
          width: 80% !important;
          margin: 1vh auto;
     }
     .bookNowButton{
          font-size: 1.5rem;
          width: 60% !important;
     }
}
html{
     background: #141414;
}
body{
     margin: 0;
     max-width: 100vw;
     max-height: 100vh;
}
.webBG{
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     z-index: 1;
     opacity: .5;
     object-fit: cover;
     height: 100vh;
     width: 100vw;
}
.pageContent{
     display: flex;
     flex-flow: column nowrap;
     justify-content: center;
     align-items: center;
     height: 100%;
     z-index: 2;
     position: relative;
}
.mainContentContainer{
     text-align: center;
     min-width: 80vw;
}
.logoContainer{
     max-width: 80vw;
     width: 10vw;
}
h2{
     font-family: 'Interstate', sans-serif;
     font-weight: 800;
     color: white;
     text-transform: uppercase;
     text-align: center;
     font-size: 3rem;
     margin-bottom: 0;
}
span{
     font-family: "roc-grotesk-compressed", sans-serif;
     font-weight: 400;
     font-size: 1.8rem;
     color: white;
     width: 100%;
     display: block;
}
.bookNowButton{
     font-family: 'Interstate', sans-serif;
     font-weight: 800;
     text-transform: uppercase;
     color: white;
     padding: 1vh 2vw;
     border: 1px solid white;
     text-decoration: none;
     display: block;
     max-width: 80%;
     width: 30%;
     text-align: center;
     margin: 5vh auto 0 auto;
     transition: all .2s ease-in-out;
     cursor: pointer;
     min-width: 10vw;
}
.bookNowButton:hover{
     opacity: .75;
}