/* 
* For Mobile & Tablet 
* Mobile : <540px
* Tablet : >540px && <780px
*/
@media screen and (max-width: 780px) {

  body {
    background-position: 50% 350px;
    background-size: unset;
    /* background-size: 0px 0px; */
  }

  #page_header {
    position:absolute;
    flex-direction: column;
  }

  #page_header .navbar ul {
    flex-direction: column;
  }

  #page_footer {
    display: flex;
    flex-direction: column;
  }

  main {
    margin-left: 5%;
    margin-right:5%;
  }
  
  #booking_nav {
    flex-direction: column;
    width:100%;
    justify-content: stretch;
    align-items: center;
    padding:0;
  }

  .spacer {
    width: 100%;
    min-height: 370px;
  }

  .split_container {
    display:flex;
    flex-direction: column;
  }  

  .contact_form {
    display:flex;
    flex-direction: column;
  }

}