#indicator {
	position: absolute;
	z-index: 10000;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	background-color: white;
}



/* phone */
/*------------------------------
// 	itemsperrow: 3
//	containerwidth: 357
//	thumbsize: 100
-------------------------------*/
@media only screen 
  and (max-width: 550px) 
 {
 
	#indicator{ background-color: red;}
	
	
	
	#fullscreen-close{
		    width: 4vw;
	}
	
 }


/* tablet and standard laptop */
/*------------------------------
// 	itemsperrow: 4
//	containerwidth: 500
//	thumbsize: 180
-------------------------------*/
@media only screen 
  and (min-width: 551px) 
  and (max-width: 800px) 
 {
 
	#indicator{ background-color: green;}
	#fullscreen-close{
		    width: 5vw;
	}
	
 }

/* largish */
/*------------------------------
// 	itemsperrow: 5
//	containerwidth: 733
//	thumbsize: 180
-------------------------------*/
@media only screen 
  and (min-width: 801px) 
  and (max-width: 1047px) 
 {
 
	#indicator{ background-color: yellow;}
	
	#splashscreen-blurb{
		font-size: 1em;
	}
	.ipad #splashscreen-blurb{
		font-size: 1.2em;
	}
	
	.ipad #splashscreen-content{
		padding-bottom: 10vh;
	}
	.ipad #pagefooter{
		padding-bottom: 20vh;
	}
 }


/* extra large */
/*------------------------------
// 	itemsperrow: 6
//	containerwidth: 1030
//	thumbsize: 180
-------------------------------*/
@media only screen 
  and (min-width: 1048px) 
 {
 
	#indicator{ background-color: blue;}
	#splashscreen-blurb{
		font-size: 1em;
	}
	.theme-dark #splashscreen-content{
		background-color: #181915;
		
		
	}
	#splashscreen-blurb{
		font-size: 1.2em;
	}
	
	
	
	#splashscreen-title {
		font-size: 7em;
	}
	
	#splashscreen-subtitle {
		font-size: 1.3em;
	}
	.ipad #splashscreen-blurb{
		font-size: 1.8em;
	}
	.ipad #splashscreen-title {
		font-size: 8em;
	}
	.ipad #splashscreen-subtitle {
		font-size: 2em;
	}
	
	.ipad #fullscreen-info{
		font-size: 1em;
	}
	
	.ipad #heroheader-title {
    	font-size: clamp(18px, 20vw, 60px);
	}
	
	.ipad #heroheader-summary {
		font-size: 26px;
	}
	
	.ipad .info {
		font-size: 16px;
	}
	
	.ipad .image {
		
		height: unset;
		margin-bottom: 2em;;
	}
	.ipad #pagefooter{
		flex-direction: column;
		font-size: 1.4em;
	}
	.ipad .footercolumn{
		width: unset;
		margin-bottom: 1.8em;
	}
	.ipad .footercolumn-title{
		font-family: 'regular';
		margin-bottom: 0.3em;
	}
	
	
	
	.iphone #splashscreen-content{
		padding-bottom: 10vh;
	}
	.iphone #pagefooter{
		padding-bottom: 15vh;
	}
	
	.ipad #splashscreen-content{
		padding-bottom: 10vh;
	}
	.ipad #pagefooter{
		padding-bottom: 20vh;
	}
	
	
 }


@media only screen 
  and (max-height: 600px) 
 {
 
	#listitemname {
	padding-top: 10px;
		margin-top: 0px;
		font-size: 11px !important;
	}
	
	#listitemdescription {
		margin-top: 0px;
		font-size: 9px!important;
	}
	
	#bigpic {
		max-height: 60vh;
	}
 }
@media only screen 
  and (min-height: 500px) 
   and (max-height: 699px) 
 {
 
	#listitemname {
		padding-top: 20px;
		margin-top: 0px;
		font-size: 17px !important;
	}
	
	#listitemdescription {
		margin-top: 10px;
		font-size: 15px!important;
	}
	
	
 }


@media only screen 
  and (min-height: 700px) 
   and (max-height: 999px) 
 {
 
	#listitemname {
		padding-top: 30px;
		margin-top: 0px;
		font-size: 20px !important;
	}
	
	#listitemdescription {
		margin-top: 10px;
		font-size: 17px!important;
	}
	
	
 }


@media only screen 
  and (min-height: 1000px) 
 {
 
	#listitemname {
		padding-top: 30px;
		margin-top: 0px;
		font-size: 20px !important;
	}
	
	#listitemdescription {
		margin-top: 10px;
		font-size: 17px!important;
	}
	
	
 }
/* phone */
/*------------------------------
// 	itemsperrow: 3
//	containerwidth: 357
//	thumbsize: 100
-------------------------------*/
@media only screen 

   and (max-height: 451px) 
 {
 
	#indicator{ background-color: maroon;}
	#fullscreen-content{
		padding-top: 30px;
	}
	#fullscreen-info, .fullscreen-spacer, #fullscreen-roomicon{
		display: none;
	}
	#heroheader{
		    height: 100px;
		    background-image: none;
		    
	}
	#heroheader-title {
    	font-size: clamp(18px, 25vh, 50px);
    	
    	
    
	}
	
	#heroheader-summary {
		font-size: 12px;
	}
	
	#splashscreen-content {
		display: none;
	}
 }
@media only screen 

   and (max-height: 520px) 
 {
 
	#indicator{ background-color: teal;}
	#splashscreen-hero {
		height: 80vh;
	}
	#splashscreen-blurb{
		font-size: 0.65em;
	}
	
	
	#heroheader{
		    height: 100px;
		    background-image: none;
		    
	}
	#heroheader-title {
    	font-size: clamp(18px, 25vh, 50px);
    	
	}
	
	#heroheader-summary {
		font-size: 12px;
	}
	
	#splashscreen-content {
		display: none;
	}
 }

@media only screen 

   and (min-height: 1190px) 
 {
 
	#indicator{ background-color: purple;}
	
	#splashscreen-blurb{
		font-size: 1.4em;
	}
	
	
	
	#splashscreen-title {
		font-size: 8em;
	}
	
	#splashscreen-subtitle {
		font-size: 2em;
	}
	
	.iphone #splashscreen-content{
		padding-bottom: 10vh;
	}
	.iphone #pagefooter{
		padding-bottom: 15vh;
	}
	
	.ipad #splashscreen-content{
		padding-bottom: 10vh;
	}
	.ipad #pagefooter{
		padding-bottom: 15vh;
	}
	.theme-dark #splashscreen-content{
		background-color: #181915;
	}
	.ipad #splashscreen-blurb{
		font-size: 1.6em;
	}
	
	.ipad #splashscreen-title {
		font-size: 8em;
	}
	.ipad #splashscreen-subtitle {
		font-size: 2em;
	}
	
	
	.iphone #container {
		font-size: 2em;
	}
	.iphone #fullscreen-content {
		font-size: 2em;
	}
	.iphone .image {
		height: unset;
		margin-bottom: 1.6;
	}
	.iphone #splashscreen-blurb{
		font-size: 2.5em;
	}
	
	.iphone #splashscreen-title {
		font-size: 9em;
	}
	.iphone #splashscreen-subtitle {
		font-size: 2.5em;
	}
	
	.iphone #pagefooter{
		font-size: 1em;
		flex-direction: column;
	}
	.iphone .footercolumn{
		width: unset;
		margin-bottom: 1.8em;
	}
	.iphone .footercolumn-title{
		font-family: 'regular';
		margin-bottom: 0.3em;
	}
	
	.iphone #fullscreen-info{
		font-size: 1.5em;
	}
	.ipad #fullscreen-info{
		font-size: 1.5em;
	}
	
	
	.ipad #heroheader-title {
    	font-size: clamp(18px,30vw,90px);
	}
	
	.ipad #heroheader-summary {
		font-size: 26px;
	}
	
	.ipad #fullscreen-content {
		font-size: 20px;
	}
	.ipad .info {
		font-size: 17px;
	}
	.ipad .image {
		
		height: unset;
		margin-bottom: 2em;
	}
	
	
	.ipad #pagefooter{
		flex-direction: column;
		font-size: 1.4em;
	}
	.ipad .footercolumn{
		width: unset;
		margin-bottom: 1.8em;
	}
	.ipad .footercolumn-title{
		font-family: 'regular';
		margin-bottom: 0.3em;
	}
	
	
	
 }

@media only screen 

   and (min-width: 1472px) 
 {
 
	#indicator{ background-color: grey;}
	#fullscreen-close{
		background-position: 30% center;
	}

 }
@media only screen 

   and (max-width: 800px) 
 {
 
	#indicator{ background-color: orange;}
	#pagefooter{
		flex-direction: column;
	}
	.footercolumn{
		width: unset;
		margin-bottom: 1.8em;
	}
	.footercolumn-title{
		font-family: 'regular';
		margin-bottom: 0.3em;
	}
	
	.ipad #splashscreen-blurb{
		font-size: 1.6em;
	}
	.iphone #splashscreen-blurb{
		font-size: 1.15em;
	}
	.android-tablet {
		font-size: 20px;
	}
	.android-phone {
		font-size: 11px;
	}
	.android-phone #splashscreen-blurb{
		font-size: 1em;
	}
	
	
 }
@media only screen 

   and (max-height: 700px) 
 {
 
	
	
 }


@media ((min-device-pixel-ratio: 2) and (min-resolution: 192dpi)) { 
    /* Your Retina-specific code goes here */
    html, body {
    	font-size: 20px;
    }
    
}
.iphone #uberheader {
		font-size: 1.8em;
		height: 6em;
}
.iphone #ubertitle {
		font-size: 1.8em;
	
}
.iphone #nav {
		font-size: 1.5em;
}

.iphone #series-blocker {
		font-size: 1.5em;
}
.iphone #series-container {
	width: 300px;
	font-size: 1.2em;
}
.iphone #series-container {
	width: 300px;
	font-size: 1.2em;
}
.iphone #externalsite-modal {
	width: 560px;
	font-size: 1.62em;
}

.iphone #contact-modal {
	width: 560px;
	font-size: 1.62em;
}
.iphone .contact-item input {
  width: 460px;
  font-family: 'regular';
  box-sizing: border-box;
  padding: 0.6em;
  font-size: 0.93em;
}

.iphone .contact-label {
  line-height: 1.5em;
  margin-top: 1em;
  margin-bottom: 0.8em;
}
.iphone #contact-message {
  width: 460px;
  height: 160px;
  font-family: 'regular';
  box-sizing: border-box;
  padding: 0.7em;
  background-color: white;
  color: black;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
    overflow-y: hidden;
  overflow-y: scroll;
  line-height: 1.3em;
  font-size: 0.93em;
}
#indicator { display: none; }