/* big tablets to 1200px */
@media only screen and (max-width: 1200px) {
  
  html {
    font-size: 0.8rem;
  }
  
  .row {
    padding: 0 7%;
  }

  /* p_big span {
    display: block;
  }
   */

  video {
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  .copy-images img {
    width: 60%;
  }

  .copy-images-horizontal img{
    width: 85%;
  }
  

  
  .section-menu h2 {
    margin-bottom: 60px;
  }
  
  .img-container .image-text {
    right: -30px;
    top: 300px;
  }
  
  
  .menu-tables table {
    padding: 5px;
  }
  
  td {
    padding: 2px;
  }
  
  .section-banner.banner1, 
  .section-banner.banner2,
  .section-banner.banner3 {
    margin-bottom: 110px;
  }
  
  .section-hours h2 {
    margin-bottom: 90px;
  }
  
  .hours-row {
    padding-left: 130px;
  }
  
  .section-maps h2 {
    margin-bottom: 90px;
  }
  
  iframe {
    width: 570px;
    height: 350px;
    margin-left: 20px;
  }
  
}


/* small tablets to big tablets */
@media only screen and (max-width: 1023px) {
  
  html {
    font-size: 0.7rem;
  }
  
  .section-banner.banner1, 
  .section-banner.banner2,
  .section-banner.banner3 {
    height: 40vh;
    margin-bottom: 70px;
  }
  
  .section-menu {
    margin-bottom: 90px;
  }
  
  .section-menu h2,
  .section-maps h2 {
    margin-left: 20px;
  }
  
  .img-container {
    width: 45%;
  }
  
  .img-container .image-text {
    top: 250px;
  }
  
  .menu-container {
    padding: 50px 20px 50px 70px;
  }
  
  .menu-selectors {
    flex-direction: column;
  }
  
  .menu-selectors p {
    margin: 0 1px;
  }
  
  .section-hours {
    height: 80vh;
  }
  
  iframe {
    position: absolute;
    top: 200px;
  }
  
  .address {
    right: 60px;
  }
    
  
}



/* small smartphones to small tablets*/
@media only screen and (max-width: 767px) {
  
  html {
    font-size: 0.6rem;
  }
  
  .fixed-bottom-box {
    height: 33%;
  }
  
  header {
    background-position: 40%;
  }
  
  h2 {
    text-align: center;
  }
  
  .copy-text {
    width: 100%;
    padding-top: 0;
  }
  
  .section-banner.banner1, 
  .section-banner.banner2,
  .section-banner.banner3 {
    height: 50vh;
    margin-bottom: 10px;
  }
  
  .section-menu {
    margin-bottom: 210px;
  }
  
  .section-menu h2,
  .section-hours h2,
  .section-maps h2 {
    margin-left: 0;
    float: none;
    margin-bottom: 30px;
  }
  
  .menu-row {
    display: block;
    margin: 0 15px;
  }
  
  .img-container {
    display: none;
  }
  
  .menu-container {
    width: 100%;
    padding: 20px;
  }
  
  .menu-selectors {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  
  .menu-tables table {
    font-size: 1.5rem;
  }
  
  tr {
    height: 5px;
  }
  
  .section-hours {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
  
  .hours-row {
    padding: 0;
    display: flex;
    justify-content: center;
  }
  
  .hours-row table {
    padding: 20px;
    margin-bottom: 20px;
  }
  
  .section-maps {
    height: 350px;
  }
  
  .maps-row {
    display: flex;
    position: inherit;
  }
  
  .address {
    position: inherit;
    margin: 0 auto;
    padding: 20px 30px;
    height: 150px;
  }
  
  iframe {
    height: 150px;
    width: 350px;
    position: inherit;
  }
  
  .footer-row {
    font-size: 1.3rem;
  }
  
  .footer-row i{
    font-size: 2rem;
  }
  
  .section-press {
    padding-top: 50px;
    margin-bottom: 60px;
  }
  
  
}




/* small smartphones */
@media only screen and (max-width: 480px) {
  
  html {
    font-size: 0.8rem;
  }
  
  .row {
    padding: 0 12%;
  }
  
  h1 {
    font-size: 4.5rem;
  }
  
  h2 {
    font-size: 4rem;
    text-align: left;
  }
  
  p_big {
    font-size: 0.9rem;
  }
  
  i {
    font-size: 2.8rem;
  }
  
  .sticky-nav .nav-row {
    text-align: right;
  }
  
  .copy-row {
    display: block;
  }
  
  .copy-images {
    display: none;
  }
  
  .copy-text {
    width: 100%;
    padding-top: 0;
  }
  
  .section-banner.banner1, 
  .section-banner.banner2,
  .section-banner.banner3 {
    height: 30vh;
    margin-bottom: 0;
  }

  
  .copy-container p {
    font-size: 2.6rem;
  }
  
  .social-column {
    top: 50%;
  }
  
  .social-column i{
    font-size: 2.8rem;
  }
  
  .fixed-bottom-box {
    height: 25%;
  }
  
  .nav-row {
    display: flex;
    margin-bottom: 15px;
  }
  
  .section-menu {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
  
  .menu-container {
    padding: 10px;
  }
  
  .menu-selectors {
    flex-direction: column;
    margin-bottom: 20px;
  }
  
  .menu-selectors p {
    font-size: 1.5rem;
  }
  
  .menu-tables table {
    font-size: 1.2rem;
    padding: 0;
  }
  
  .hours-row {
    font-size: 1.2rem;
  }

  .hours-row table {
    padding: 2px;
  }
  
  .section-maps {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }

  .maps-row {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 45px;
  }
  
  .address {
    font-size: 1.2rem;
    margin-bottom: 15px;
    width: 100%;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 5px;
  }
  
  iframe {
    height: 120px;
    width: 100%;
    margin: 0;
  }
  
  .footer-row {
    font-size: 1rem;
  }

  .section-maps {
    margin-bottom: 35px;
  }

  .section-menu {
    height: 150vh;
  }
}

/* small smartphones */
@media only screen and (max-width: 321px) {
  
  h1 {
    font-size: 4.2rem;
  }
  
  h2 {
    font-size: 3.5rem;
  }
  
  .sticky-nav nav {
    margin-left: 20px;
  }
  
  .section-menu {
    height: 180vh;
  }
  
  .hours-row {
    font-size: 1rem;
  }
  
  
}