body, 
html {color: #545454;
	 						background: url("../i/bg-warren4everywhere3.jpg");
	 						background-repeat: repeat; 
	 						font-family: "Roboto", sans-serif; 
}
.no-js .top-bar {
			  display: none;
			}
			
			@media screen and (min-width: 40em) {
			  .no-js .top-bar {
			    display: block;
			  }
			
			  .no-js .title-bar {
			    display: none;
			  }
			}

 .site {
			  display: flex;
			  min-height: 100vh;
			  flex-direction: column;

/*
			  background: url(/i/bg-everywhere.jpg) no-repeat center center fixed;
			  background-size: cover;
*/

			}
			.site-content {
			  flex: 1;
			}
			
		
		
		
		.logo-control {max-width: 50%;}
	    
	    .sticky-specs {background: rgba(255, 255, 255, 1)}
				
		


			.strapline {font-family: "Montserrat", sans-serif; font-size: .5em; margin-top: 0px; padding-top: 0px; line-height: normal;}
			.topspacer {margin-top: 5em;}
			.delineator {margin: 3em 0; height: 1px; background: #afafaf; background: -webkit-gradient(linear, 0 0, 100% 0, from(#fbfbfb), to(#fbfbfb), color-stop(50%, #676767));}
			
			
					
			/* Custom styles for the menu */
			.title-bar {background: none; }
			.top-bar {background: none; z-index: 5;}
			.top-bar-right {background: none; }
			.top-bar-right ul {background: none; font-family: "Montserrat", sans-serif; margin-top: .5em; padding-right: 2em; padding-left: 2em;}
			.menu {background: none;}
			#global-menu {background: none;}
			.button-so-white {color: #545351; z-index: 1001;}
			.chosen {background: #fcfcfc; border: 1px solid #f6f6f6; border-radius: 5px;}
			dd {margin-bottom: 1.5em;}
			.yourstuff {background: #fcfcfc; border: 1px solid #f6f6f6; border-radius: 3px;}
			footer {margin-top: 3em;}
					

			
		/* Small only */ 
		@media screen and (max-width: 39.9375em) {
				.sm-logo {background: #ffffff; position: absolute; width: 100%; top: 0; left:0; z-index: 1000;}
				ul.menuselects li {text-align: center;}
				.top-bar-left {visibility:visible !important;}
				.top-bar-right {background: white; position: fixed; top: 0; min-width: 100vw; min-height: 100vh; padding: 10px; margin-left: -10px; z-index: 100; font-size: 1em;}
				.top-bar-right ul {padding-top: 1.5em; font-size: 2.5em;}
				.title-bar {position: fixed; width: 100%; z-index: 1001;}
				.topspacer {margin-top: 5em;}
/* 				#global-menu {position: fixed; top: 0; min-height: 100%; overflow-y: scroll;}  */
/* 				#global-menu {background: #302f2f; position: absolute; top: 0px; width: 100vw; height: 100vh; overflow-y: scroll; padding-top: 5em; z-index: 50; font-size: 1em; font-family: "Montserrat", sans-serif;} */
				
	    
				}
		
		/* Medium only */
				@media screen and (min-width: 40em) and (max-width: 63.9375em) {
				ul.menuselects li {text-align: center; display: block;}
				.top-bar-right {background: white; position: absolute; top: 0; min-width: 100vw; min-height: 100vh; overflow-y: scroll; padding: 10px; margin-left: -10px; z-index: 100;}
				.top-bar-right ul {padding-top: 1.5em; font-size: 2.5em;}
				.title-bar {position: fixed; width: 100%; z-index: 1001;}
				.topspacer {margin-top: 10em;}
			}
			
			.sm-logo {font-size: 2em; font-family: 'Bowlby One', sans-serif; line-height: 1em; padding: .2em; text-align: left; position:absolute; top: 1px; left: 1px;}
			
			/* navigation links */
			a:link {color: rgba(100, 135, 170, 1);} 	
			a:visited {color: rgba(143, 188, 233, 1);} 	
			a:hover {color: rgba(143, 188, 233, .8);} 	
			a:active {color: rgba(143, 188, 233, 1);}
			#main-menu a:link {color: rgba(40, 42, 44, 1);} 	
			#main-menu a:visited {color: rgba(75, 77, 77, 0.5);} 	
			#main-menu a:hover {color: rgba(150, 154, 154, 0.9);} 	
			#main-menu a:active {color:#304b4b;}
			footer a:link {color: rgba(40, 42, 44, 1);} 	
			footer a:visited {color: rgba(75, 77, 77, 0.5);} 	
			footer a:hover {color: rgba(150, 154, 154, 0.9);} 	
			footer a:active {color:#304b4b;}






	
	
	
	.uppernav a {font-family: 'Montserrat', sans-serif;}
	
	.navigation a {margin-left: 1.5em;}
	.lowernav li {list-style: none; font-family: 'Montserrat', sans-serif;}
	.lowertile {border-left: 1px solid #b6b6b6 }
.tile {
/* 	border-top: 0px; border-left: 1px solid rgba(187, 219, 209, 0.8); border-bottom: 1px solid rgba(187, 219, 209, 0.8); border-right: 1px solid rgba(187, 219, 209, 0.8);  */
	margin-bottom: 2em; 
/* 	background: rgba(187, 219, 209, 0.2); */
	}
.tilebox-left {border: 1px solid #606060; border-radius: 20px 0px 0px 20px; border-right: 1px solid #cacaca; } /* clockwise from top left*/
.tilebox-right {border: 1px solid #606060; border-radius: 0px 20px 20px 0px; border-left: 1px solid #cacaca;} /* clockwise from top left*/
.tilebox-detail {border: 1px solid #606060; border-radius: 20px 20px 20px 20px;} /* clockwise from top left*/
.tile-shadow {box-shadow: 0px 5px 5px 1px; #ada9a9}

/* new tile shadow */
.tilebox-top {border-radius: 20px 20px 0px 0px; border:1px solid #a6a6a6;} /* clockwise from top left*/
.tilebox-lower {border-radius: 0px 0px 20px 20px; border: 1px solid #a6a6a6;} /* clockwise from top left*/
/*
.tile-shadow-vert-top {box-shadow: 1px 1px 5px 1px #ada9a9}
.tile-shadow-vert {box-shadow: 0px 5px 5px 1px #ada9a9}
*/

.actionbox {border: 1px solid #cfcfcf;}
.newstiletitle {text-transform: uppercase;}
.actiontitle {background: rgba(187, 219, 209, 0.5); padding: .2em; color: rgba(67, 75, 70, 0.94); font-family: 'Martel', serif; font-size: 1.7em;}
.actioncopy {padding: .3em; color: rgba(67, 75, 70, 0.94); font-family: 'Poppins', sans-serif; font-size: 1em;}


h1.pagetitle {font-family: 'Montserrat', sans-serif; font-size: 1.8em;}
h2.pagesubtitle {font-family: 'Montserrat', sans-serif; font-size: 1.5em;}  
h2.pageexplainer {font-family: 'Roboto', sans-serif;  font-size: 1em; padding-bottom: 2em;} 
h2.vertical-tab {font-family: 'Roboto', sans-serif;  font-size: 1em;} 
h1.journaltitle {font-family: 'Gafata', sans-serif; font-size: 2em; text-transform: uppercase;} 
h2.journalsubtitle {font-family: 'Gafata', sans-serif;  font-size: 1.3em; padding-bottom: 2em;} 
h2.workdetail {font-family: 'Gafata', sans-serif;  font-size: 1.3em; padding-bottom: .5em;} 



/* spacer */
.smallestpush{margin-top: 2em;}
.pushbot{margin-bottom: 1em;}
.monty{font-family: 'Montserrat', sans-serif;} 
	
	.tile{
opacity:1;
}

.tile:hover{
opacity:.6;
transition: opacity .8s ease-out;
-moz-transition: opacity .8s ease-out;
-webkit-transition: opacity .8s ease-out;
-o-transition: opacity .8s ease-out;
}

/*mobile nav style*/
		#mobilenav	{background-color:rgba(255, 251, 224, 0.95);}
		#mobilenav ul {margin-top: 5em;}
		#mobilenav li {display: block; font-size: 2em; font-family: 'Montserrat', sans-serif;}



footer {background: #eeeeee; padding-top: .2em;}


	/* Small only */
@media screen and (max-width: 39.9375em) {}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}