@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap');

body {font-family: 'Alegreya Sans', sans-serif;font-size:1.3rem;}


body header {
	background-color:#bc7f63;box-shadow: 0px 5px 20px 1px #f3d8e5;
	font-family: 'Lato', sans-serif;
}

header div#focus a {
    font-size:2.5vw;
}

section#main {position:absolute;top:75px;left:0px;background-color:#333;}
div#hero {
	background-size:cover;
	background-position:left center;
	height:400px;position:relative;
}

section#main div#hero div#heroTitle {
    color: #333;
    text-shadow: 2px 2px 5px #777;
}
				
div#hero div#heroTitle {position:absolute;top:30px;left:30px; font-size:60px;line-height:68px;}
		
div#intro {margin:4rem auto;width:65%;color:#fff;font-size:27px;}
		
			article {background-color:#fffffb;color:#000;padding:1rem 5rem;font-size:1.42rem;}
			
			#main section#themes {text-align:left;}

	a {text-decoration:none;}
	div#imglist a {position:relative;display:inline-block;width:20%;margin:2rem;vertical-align: baseline;}
	div#imglist a img {max-width:75%;vertical-align:top;max-height:75%;border-radius:.7rem;}
	div#imglist a img:hover {border:1px solid #ffdddd;}
	
	span.link {color:navy;cursor:pointer;text-decoration:underline;}
	span.cblock {display:block;text-align:center;}
	
	p.bck a {
		color: #dcc;
	}
	
	div.sts img {border-radius:.7rem;}
	

	img.left {float:left;}
	img.right {float:right;}
	
	a.em {padding:1rem;max-width:20%;}
	a.left {float:left;}
	a.right {float:right;}
	
	a.em img {max-width:100%;}
	
	a span.ca {text-align:center;font-size:small;font-style:italic;display:block;}
	
	h2 {margin:1rem 0rem 0rem 0rem;}
	p.by {font-size:1rem;font-weight:bold;padding:0px;margin: 0rem 0rem 0rem 1rem;}
	p.byline {clear:both;margin:1rem 2.5rem;color:#000;border-top:1px solid #333;}
	
	
	/**** MOBILE /
@media screen and (max-width: 1025px) {
    
 article {    padding: 1rem;}
 
 div#imglist a {
     display:block;
    width: 85%;
	vertical-align: baseline;
 }    
 
 div#intro {
     width:80%;
     font-size:1.1rem;
 }
 div.caption {font-size:1rem;}
 
 a div.caption {color:#333;cursor:default;}
 
 
 
}