html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	background: #333;
}

body {
	margin: 0;
	margin-top: 10px;
}
body {
	margin: 0; /* remove default margin */
	scrollbar-width: none; /* Also needed to disable scrollbar Firefox */
	-ms-overflow-style: none;  /* Disable scrollbar IE 10+ */
	overflow-y: scroll;
	margin-top: 0px;
	padding-left: 30px !important;
	padding-right: 30px !important;
	color:#dfdfdf !important;
	background: #333 url('../images/backgrounds/cecledes_grayscale_0_1600x1200.jpg') no-repeat center 0px fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: -1;
	height: 2000px;
}
body.color {
	margin: 0; /* remove default margin */
	scrollbar-width: none; /* Also needed to disable scrollbar Firefox */
	-ms-overflow-style: none;  /* Disable scrollbar IE 10+ */
	overflow-y: scroll;
	margin-top: 0px;
	padding-left: 30px !important;
	padding-right: 30px !important;
	color:#dfdfdf !important;
	background: #333 url('../images/backgrounds/cecledes_color_1_1600x1200.jpg') no-repeat center 0px fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: -1;
	height: 2000px;
}
body.info {
	margin: 0; /* remove default margin */
	scrollbar-width: none; /* Also needed to disable scrollbar Firefox */
	-ms-overflow-style: none;  /* Disable scrollbar IE 10+ */
	overflow-y: scroll;
	margin-top: 0px;
	padding-left: 30px !important;
	padding-right: 30px !important;
	color:#dfdfdf !important;
	background: #333 url('../images/backgrounds/cecledes_color_5_1600x1200.jpg') no-repeat center 0px fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: -1;
	height: 2000px;
}

@-moz-document url-prefix() { /* Disable scrollbar Firefox */
	html{
		scrollbar-width: none;
	}
}
body::-webkit-scrollbar {
	width: 0px;
	height: 0px;
	background: transparent; /* Disable scrollbar Chrome/Safari/Webkit */
}

/* Typography */

body,
button,
input,
select,
textarea,
td {
	font-size: 13px;
	font-size: 0.8125rem;
}

p:hover {
	color:   #efefef;
}
h1 {
	font-size: 30px;
	font-size: 1.875rem;
}

h2,
	.home.blog .entry-title,
	.page .panel-content .recent-posts .entry-title {
		font-size: 26px;
		font-size: 1.625rem;
	}
    
h3 {
	font-size: 22px;
	font-size: 1.375rem;
}

h4 {
	font-size: 18px;
	font-size: 1.125rem;
}

h5 {
	font-size: 13px;
	font-size: 0.8125rem;
}

h6 {
	font-size: 12px;
	font-size: 0.8rem;
}

a,
a:visited {
	color: #ffffff;
	TEXT-decoration: none;
}
a:hover,
a:focus {
	color: #cccccc;
}

#loader { 
    border: 12px solid #f3f3f3; 
    border-radius: 50%; 
    border-top: 12px solid #444444; 
    width: 70px; 
    height: 70px; 
    animation: spin 1s linear infinite; 
} 
  
@keyframes spin { 
    100% { 
        transform: rotate(360deg); 
    } 
} 
  
.center { 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    margin: auto; 
} 

#noscriptinfo {
	display: block;
	position: fixed;
	top: 50px;
	width: calc(100% - 50px);
	min-height: 100px;
	background: #333;
	opacity: 0.9;
	color: #fff;
	z-index: 9999;
}
#noscriptinfo p {
	padding-left: 10px;
	padding-right: 10px;
}
#noscriptinfo.hidden {
	display: none;
	visibility: hidden;
	position: fixed;
	top: 50px;
	width: calc(100% - 50px);
	min-height: 100px;
	background: #333;
	opacity: 0.9;
	color: #fff;
	z-index: 9999;
}

#home {
	min-height: 16px;
	padding-right: 20px;
	padding-top: 10px;
	margin-right: -20px;
}

#home:hover {
	background: url('../images/self_link.png') no-repeat right;
	min-height: 16px;
	padding-right: 20px;
	padding-top: 10px;
	margin-right: -20px;
}

#transient{
	margin: 0; /* remove default margin */
	position: absolute;
	display: none;
	background: #333 url('../images/backgrounds/cecledes_color_1_1600x1200.jpg') no-repeat center 0px fixed; 
	z-index: 0;
	opacity: 0.0;
	
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	height: 2000px;

}

#transient.warpgeneration{
	margin: 0; /* remove default margin */
	position: absolute;
	display: none;
	background: #333 url('../images/backgrounds/cecledes_warpgen_grayscale_1600x1200.jpg') no-repeat center 0px fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 0;
	opacity: 0.0;
	
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	height: 2000px;
}

#transient.warpgenerationactive{
	margin: 0; /* remove default margin */
	position: absolute;
	display: none;
	background: #333 url('../images/backgrounds/cecledes_warpgen_color_1600x1200.jpg') no-repeat center 0px fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 0;
	opacity: 0.0;
	
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	height: 2000px;
}

#transient.warpadvgeneration{
	margin: 0; /* remove default margin */
	position: absolute;
	display: none;
	background: #333 url('../images/backgrounds/cecledes_warpgenadv_grayscale_1600x1200.jpg') no-repeat center 0px fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 0;
	opacity: 0.0;
	
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	height: 2000px;
}

#transient.warpadvgenerationactive{
	margin: 0; /* remove default margin */
	position: absolute;
	display: none;
	background: #333 url('../images/backgrounds/cecledes_warpgenadv_color_1600x1200.jpg') no-repeat center 0px fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 0;
	opacity: 0.0;
	
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	height: 2000px;
}

#transient.info{
	margin: 0; /* remove default margin */
	position: absolute;
	display: none;
	background: #333 url('../images/backgrounds/cecledes_color_5_1600x1200.jpg') no-repeat center 0px fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 0;
	opacity: 0.0;
	
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	height: 2000px;
}

#transient.synthetic{
	margin: 0; /* remove default margin */
	position: absolute;
	display: none;
	background: #333 url('../images/backgrounds/cecledes_color_15_1600x1200.jpg') no-repeat center 0px fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 0;
	opacity: 0.0;
	
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	height: 2000px;
}

#transient.systemic{
	margin: 0; /* remove default margin */
	position: absolute;
	display: none;
	background: #333 url('../images/backgrounds/cecledes_color_8_1600x1200.jpg') no-repeat center 0px fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 0;
	opacity: 0.0;
	
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	height: 2000px;
}

#transient.society{
	margin: 0; /* remove default margin */
	position: absolute;
	display: none;
	background: #333 url('../images/backgrounds/cecledes_color_9_1600x1200.jpg') no-repeat center 0px fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 0;
	opacity: 0.0;
	
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	height: 2000px;
}

#transient.evolution{
	margin: 0; /* remove default margin */
	position: absolute;
	display: none;
	background: #333 url('../images/backgrounds/openmetacortex_evolution_1600x1200.jpg') no-repeat center 0px fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 0;
	opacity: 0.0;
	
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	height: 2000px;
}

#transient.evolutiondawn{
	margin: 0; /* remove default margin */
	position: absolute;
	display: none;
	background: #333 url('../images/backgrounds/openmetacortex_evolution_dawn_1600x1200.jpg') no-repeat center 0px fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 0;
	opacity: 0.0;
	
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	height: 2000px;
}


#transient.envelopeshift{
	margin: 0; /* remove default margin */
	position: absolute;
	display: none;
	background: #333 url('../images/backgrounds/openmetacortex_envelopeshift_grayscale_1600x1200.jpg') no-repeat center 0px fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 0;
	opacity: 0.0;
	
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	height: 2000px;
}
#transient.envelopeshiftblossoming{
	margin: 0; /* remove default margin */
	position: absolute;
	display: none;
	background: #333 url('../images/backgrounds/openmetacortex_envelopeshift_1600x1200.jpg') no-repeat center 0px fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 0;
	opacity: 0.0;
	
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	height: 2000px;
}


/* part 2 */


.clear{
	/* This class clears the floats */
	clear:both;
}

#togglepeek {
  position:fixed;
  top:10px;
  right:15px;
  width:30px;
  height:30px;
  z-index:10000;
  background: #555;
  background-image: url(../images/icons/layers_view_gray.png);
  background-repeat: no-repeat; 
  background-position: center center;
  background-size: 16px 16px;

  cursor: pointer;

  border:1px solid #aaa;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ccc;

  /* CSS3 rounded corners */
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;

}

#togglepeek:hover {
  background: #888;
  background-image: url(../images/icons/layers_view_hover.png);
  background-repeat: no-repeat; 
  background-position: center center;
  background-size: 24px 24px;

  border:1px solid #ccc;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px #fff;

}

#togglepeek.closepeek {
  background: #888;
  background-image: url(../images/icons/layers_view_active.png);
  background-repeat: no-repeat; 
  background-position: center center;
  background-size: 24px 24px;

  border:1px solid #ccc;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px #fff;

}

#togglepeek.closepeek:hover {
  background: #888;
  background-image: url(../images/icons/layers_close_hover.png);
  background-repeat: no-repeat; 
  background-position: center center;
  background-size: 24px 24px;

  border:1px solid #ccc;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px #fff;

}


#peekprev {
  display:none;
  z-index:1300;
  position:fixed;
  top:60px;
  right:15px;
  width:30px;
  height:30px;
  z-index:10000 !important;
  background: #555;
  background-image: url(../images/icons/layers_prev.png);
  background-repeat: no-repeat; 
  background-position: center center;
  background-size: 16px 16px;

  cursor: pointer;

  border:1px solid #aaa;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ccc;

  /* CSS3 rounded corners */
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;

}

#peekprev.visible {
  display:block;
  background: #888;
  background-image: url(../images/icons/layers_prev.png);
  background-repeat: no-repeat; 
  background-position: center center;
  background-size: 24px 24px;

  border:1px solid #ccc;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px #fff;

}

#peekprev.visible:hover {
  display:block;
  background: #888;
  background-image: url(../images/icons/layers_prev_hover.png);
  background-repeat: no-repeat; 
  background-position: center center;
  background-size: 24px 24px;

  border:1px solid #ccc;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px #fff;

}

#peeknext {
  display:none;
  z-index:1300;
  position:fixed;
  top:100px;
  right:15px;
  width:30px;
  height:30px;
  z-index:10000 !important;
  background: #555;
  background-image: url(../images/icons/layers_next.png);
  background-repeat: no-repeat; 
  background-position: center center;
  background-size: 16px 16px;

  cursor: pointer;

  border:1px solid #aaa;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ccc;

  /* CSS3 rounded corners */
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;

}

#peeknext.visible {
  display:block;
  background: #888;
  background-image: url(../images/icons/layers_next.png);
  background-repeat: no-repeat; 
  background-position: center center;
  background-size: 24px 24px;

  border:1px solid #ccc;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px #fff;

}


#peeknext.visible:hover {
  display:block;
  background: #888;
  background-image: url(../images/icons/layers_next_hover.png);
  background-repeat: no-repeat; 
  background-position: center center;
  background-size: 24px 24px;

  border:1px solid #ccc;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px #fff;

}

#landing {
	display: block;
	position:relative;
	top: 50px;
	padding-top: 300px;
	background: url('../images/openmc_0.png') no-repeat center 0px;  
	opacity: 0.10;
	-webkit-background-size: calc(100%);
	-moz-background-size: calc(100%);
	-o-background-size: calc(100%);
	background-size: calc(100%);
	max-width: 1024px;
	z-index: 1;
}

#landing.highlight {
	display: block;
	position:relative;
	top: 50px;
	padding-top: 800px;
	background: url('../images/openmc_0.png') no-repeat center 0px;  
	opacity: 1.0;
	-webkit-background-size: calc(100%);
	-moz-background-size: calc(100%);
	-o-background-size: calc(100%);
	background-size: calc(100%);
	max-width: 1024px;
	z-index: 1200;
}

#landing-text {
	display: block;
	position:relative;
	font-family:courier;
	margin-top: 100px;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: bold;
	color: #fff;
	max-width: 1275px;
	width: fit-content;
	z-index: 100;
}


#sitelink {
	padding-top: 10px;
	padding-bottom: 6px;
}
#sitelink:hover {
	margin-top: -1px;
	padding-bottom: 5px;
	border:1px solid #888;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px #fff;
	/* CSS3 rounded corners */
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

#evolution {
	padding-top: 10px;
	padding-bottom: 6px;
	padding-left: 100px;
	padding-right: 100px;
}
#evolution:hover {
	margin-top: -1px;	
	padding-bottom: 5px;
	border:1px solid #888;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px #fff;
	/* CSS3 rounded corners */
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

#info {
	padding-top: 10px;
	padding-bottom: 6px;
	padding-left: 100px;
	padding-right: 100px;
}
#info:hover {
	margin-top: -1px;	
	padding-bottom: 5px;
	border:1px solid #888;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px #fff;
	/* CSS3 rounded corners */
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}


#logo-splash {
	position:relative;
	display: block;
	top: 50px;
	padding-top: 512px;	
	background: url('../images/splash-greyscale-512x512.png') no-repeat center 0px;  
	-webkit-background-size: calc(50%);
	-moz-background-size: calc(50%);
	-o-background-size: calc(50%);
	background-size: calc(50%);
	max-width: 512px;
	z-index: 1000;
}
#logo-splash:hover {
	background: url('../images/splash-greyscale-512x512.png') no-repeat center 0px;  
	-webkit-background-size: calc(100%);
	-moz-background-size: calc(100%);
	-o-background-size: calc(100);
	background-size: calc(100%);
	max-width: 512px;
	z-index: 1000;
}
#logo-splash.withbrainletgraph {
	position:relative;
	display: block;
	top: 50px;
	padding-top: 512px;	
	background: url('../images/splash-brainletgraph-greyscale-512x512.png') no-repeat center 0px;  
	-webkit-background-size: calc(100%);
	-moz-background-size: calc(100%);
	-o-background-size: calc(100);
	background-size: calc(100%);
	max-width: 512px;
	z-index: 1000;
}
#logo-splash.withbrainletgraph:hover {
	position:relative;
	display: block;
	top: 50px;
	padding-top: 512px;	
	background: url('../images/splash-brainletgraph-greyscale-512x512.png') no-repeat center 0px;  
	-webkit-background-size: calc(100%);
	-moz-background-size: calc(100%);
	-o-background-size: calc(100);
	background-size: calc(100%);
	max-width: 512px;
	z-index: 1000;
}
#logo-splash.info {
	background: url('../images/splash-greyscale-512x512.png') no-repeat center 0px;  
	-webkit-background-size: calc(100%);
	-moz-background-size: calc(100%);
	-o-background-size: calc(100);
	background-size: calc(100%);
	max-width: 512px;
	z-index: 1000;
}
#splash-text-1 {
	position:absolute;
	top: 0px;
	display: none;  
	text-align: center;
}
#splash-text-2 {
	position:absolute;
	top: 50px;
	display: none;  
	text-align: center;
}
#splash-text-3 {
	position:absolute;
	top: 100px;
	display: none;  
	text-align: center;
}
#splash-text-1:hover {
	position:absolute;
	top: 0px;
	text-align: center;
	color: maroon;
	font-size: 20px;
	font-size: 1.25rem;
	margin-top: 10px;
	margin-left: -50px;
}
#splash-text-2:hover {
	position:absolute;
	top: 50px;
	text-align: center;
	color: maroon;
	font-size: 20px;
	font-size: 1.25rem;
	margin-top: 10px;
	margin-left: -50px;
}
#splash-text-3:hover {
	position:absolute;
	top: 100px;
	text-align: center;
	color: maroon;
	font-size: 20px;
	font-size: 1.25rem;
	margin-top: 10px;
	margin-left: -50px;
}
#splash-text-1.info {
	position:absolute;
	display: block;
	top: 0px;
	text-align: center;
	color: maroon;
	font-size: 20px;
	font-size: 1.25rem;
	margin-top: 10px;
	margin-left: -50px;
}
#splash-text-2.info {
	position:absolute;
	display: block;
	top: 50px;
	text-align: center;
	color: maroon;
	font-size: 20px;
	font-size: 1.25rem;
	margin-top: 10px;
	margin-left: -50px;
}
#splash-text-3.info {
	position:absolute;
	display: block;
	top: 100px;
	text-align: center;
	color: maroon;
	font-size: 20px;
	font-size: 1.25rem;
	margin-top: 10px;
	margin-left: -50px;
}

#print-footer {
	display: none;
}

#favicon {
    float:left;
}

@media print {


	body {
		margin: 0; /* remove default margin */
		scrollbar-width: none; /* Also needed to disable scrollbar Firefox */
		-ms-overflow-style: none;  /* Disable scrollbar IE 10+ */
		overflow-y: none;
		margin-top: 0px;
		padding-left: 0px !important;
		padding-right: 0px !important;
		color:#dfdfdf !important;
		background: #333 url('../images/backgrounds/cecledes_color_1_1600x1200.jpg') no-repeat -300px 0px; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	#logo-splash {
		position:relative;
		display: block;
		top: 50px;
		padding-top: 512px;	
		background: url('../images/splash-greyscale-512x512.png') no-repeat center 0px;  
		-webkit-background-size: calc(100%);
		-moz-background-size: calc(100%);
		-o-background-size: calc(100);
		background-size: calc(100%);
		max-width: 512px;
		z-index: 1000;
	}

	#splash-text-1 {
		position:absolute;
		top: 180px;
		left: calc(50% - 90px);
		display: block !important;  
		text-align: center;
		color: maroon;
	}
	#splash-text-2 {
		position:absolute;
		top: 100px;
		left: calc(50% - 90px);
		display: block !important;  
		text-align: center;
		color: maroon;
	}
	#splash-text-3 {
		position:absolute;
		top: 20px;
		left: calc(50% - 90px);
		display: block !important;  
		text-align: center;
		color: maroon;
	}
	
	#print-footer {
		display: block;
		position:relative;
		z-index:9999;
		top: 100px;
		padding-top: 300px;
		background: url('../images/cecledes-fff.png') no-repeat center 0px;  
		-webkit-background-size: calc(100%);
		-moz-background-size: calc(100%);
		-o-background-size: calc(100%);
		background-size: calc(100%);
		max-width: 1024px;
	}
	

} /* end @media print */

@media screen and (min-width: 10em) {
    
	/* Typography */

	body,
	button,
	input,
	select,
	textarea,
	td,
	p {
		font-size: 12px;
		font-size: 0.8rem;
        }


	#landing-text {
		font-size: 12px;
		font-size: 0.8rem;
	}

#splash-text-1:hover {
	position:absolute;
	top: 0px;
	text-align: center;
	color: maroon;
	font-size: 14px;
	font-size: 0.875rem;
	margin-top: 15px;
	margin-left: -10px;
}
#splash-text-2:hover {
	position:absolute;
	top: 50px;
	text-align: center;
	color: maroon;
	font-size: 14px;
	font-size: 0.875rem;
	margin-top: 15px;
	margin-left: -10px;
}
#splash-text-3:hover {
	position:absolute;
	top: 100px;
	text-align: center;
	color: maroon;
	font-size: 14px;
	font-size: 0.875rem;
	margin-top: 15px;
	margin-left: -10px;
}
#splash-text-1.info {
	position:absolute;
	display: block;
	top: 0px;
	text-align: center;
	color: maroon;
	font-size: 14px;
	font-size: 0.875rem;
	margin-top: 15px;
	margin-left: -10px;
}
#splash-text-2.info {
	position:absolute;
	display: block;
	top: 50px;
	text-align: center;
	color: maroon;
	font-size: 14px;
	font-size: 0.875rem;
	margin-top: 15px;
	margin-left: -10px;
}
#splash-text-3.info {
	position:absolute;
	display: block;
	top: 100px;
	text-align: center;
	color: maroon;
	font-size: 14px;
	font-size: 0.875rem;
	margin-top: 15px;
	margin-left: -10px;
}
    
    
} /* end @media screen and (min-width: 10em) */

@media screen and (min-width: 30em) {
    
	/* Typography */

	body,
	button,
	input,
	select,
	textarea,
	td,
	p {
		font-size: 12px;
		font-size: 0.8rem;
        }

	#landing-text {
		font-size: 16px;
		font-size: 1.0rem;
	}

#splash-text-1:hover {
	position:absolute;
	top: 0px;
	text-align: center;
	color: maroon;
	font-size: 16px;
	font-size: 1.0rem;
	margin-left: -20px;
}
#splash-text-2:hover {
	position:absolute;
	top: 50px;
	text-align: center;
	color: maroon;
	font-size: 16px;
	font-size: 1.0rem;
	margin-left: -20px;
}
#splash-text-3:hover {
	position:absolute;
	top: 100px;
	text-align: center;
	color: maroon;
	font-size: 16px;
	font-size: 1.0rem;
	margin-left: -20px;
}
#splash-text-1.info {
	position:absolute;
	display: block;
	top: 0px;
	text-align: center;
	color: maroon;
	font-size: 16px;
	font-size: 1.0rem;
	margin-left: -20px;
}
#splash-text-2.info {
	position:absolute;
	display: block;
	top: 50px;	
	text-align: center;
	color: maroon;
	font-size: 16px;
	font-size: 1.0rem;
	margin-left: -20px;
}
#splash-text-3.info {
	position:absolute;
	display: block;
	top: 100px;
	text-align: center;
	color: maroon;
	font-size: 16px;
	font-size: 1.0rem;
	margin-left: -20px;
}

} /* end @media screen and (min-width: 30em) */

@media screen and (min-width: 48em) {
    
	/* Typography */

	body,
	button,
	input,
	select,
	textarea,
	td,
	p {
		font-size: 13px;
		font-size: 0.8125rem;
	}

	#landing-text {
		font-size: 16px;
		font-size: 1.0rem;
	}


} /* end @media screen and (min-width: 48em) */