/* desktop background */

@media screen and (min-width: 860px) { 

  #mobile-menu-container-display { display: none; }
  #mobile-menu-container-hide { display: none; }

}

/* mobile styles */

@media screen and (max-width: 859px) {
  
  /* main menu */
  
  #main-menu-display { display: none !important; }
  
/* mobile menu */

#mobile-menu-container-display { background: var(--color1); width: 100%; }

#mobile-menu-container-display ul { margin: 0px; padding: 0px 1%; width: 98%; }

#mobile-menu-container-display ul li { display: inline-block; list-style-type: none; padding: 2vw 10px; }

#mobile-menu-container-display ul li a { color: rgb(255,255,255); font-size: 3.5vw; text-decoration: none; text-transform: uppercase; }
  
}

@media (pointer: coarse) {
  
/* general styles */
  h1 , h2 , h3 , h4 , { text-align: center; }  
  h1 , h1 a { font-size: 6vw; }
  h2 , h2 a { font-size: 6vw; }
  h3 , h3 a { font-size: 5vw; }
  h4 , h4 a { font-size: 4vw; }
  p , a , li , li a , strong { font-size: 4vw !important; padding: 10px 0px; }
  h5 , h5 a , .h5row div , .h5row div a { font-size: 4vw; }
  h5 , .h5row div { padding: 20px auto; }
  div { font-size: 4vw; }
  
/* main menu */
  
  #main-menu-display { display: none !important; }
  
/* media menu */
  
  #media-menu-display { width: max-content; }
  
  #media-menu-display ul { height: auto; }
  
  #media-menu-display ul li { padding: 19px 5px; }
  
  #media-menu-display ul li a img { height: 4vw; width: 4vw; }
  
/* header */
  
  #header-container { height: auto; margin: 0; padding: 0; min-width: 0; width: 100%; }
  
  #title { margin: 0; padding: 0; }
  
  #title-no-hide , #header-display { height: auto; margin: 0; min-width: 1px; padding: 0px 4%; width: max-content; }
  
  #title-no-hide a , #header-display a , #title-no-hide h2 , #header-display h2 { font-size: 6vw !important; padding: 13px 0px; }

  #title #logo-display { left: 8%; position: relative; }

/* mobile menu */

#mobile-menu-container-display { background: var(--color1); display: block; width: 100%; }

#mobile-menu-container-display ul { margin: 0px; padding: 0px 1%; width: 98%; }

#mobile-menu-container-display ul li { display: inline-block; list-style-type: none; padding: 2vw 10px; }

#mobile-menu-container-display ul li a { color: rgb(255,255,255); font-size: 3.5vw; text-decoration: none; text-transform: uppercase; }

/* button row */
  
 .h5row { display: block; margin-left: auto; margin-right: auto; text-align: center; width: 100%; }
  
 .h5row div { display: block; margin: 3vw; auto; width: 80%; }
  
 .h5row a { font-size: 3vw; }
  
/* general media */
  
  #page { min-width: 1; padding-left: 2%; padding-right: 2%; width: 96%; }
  
  #sidebar-left-display , #sidebar-right-display { display: none !important; }
  
  div[id^="content"] { padding-left: 0% !important; padding-right: 0% !important; width: 100% !important; }
  
  div#body-background { background-image: url(../images/mobilebackground.jpg); }
  
  div.gallery-buttons { margin: 10px 0px; }
  
  div.gallery-buttons div.gallery-button-row { display: block; margin: 0px auto; width: 80%; }
  
  div.gallery-buttons div.gallery-button-row div { display: block; font-size: 24pt !important; height: auto; margin: 20px auto; padding: 100px 2%; width: 96%; }
  
  div.gallery-buttons div.gallery-button-row div a { font-size: 4vw !important; }
  
  label , input , select { font-size: 4vw !important; }
  
  select option { font-size: 4vw !important; }
  
  video { height: auto; width: 100%; }
  
  #footercontainer { margin: 0px; width: 100%; }
  
  #footerdisplay p , #footerdisplay a { font-size: 4vw !important; }

  #footerdisplay a img { aspect-ratio: 1 / 1; height: 4vw !important; width: 4vw !important; }
  
}