@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700|Roboto+Condensed:300,400,700);
*, *::after, *::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {font-size: 62.5%;height:100%;overflow-y: scroll}
body {font-size: 1.6rem;line-height: 2em;font-family: 'Roboto Condensed', sans-serif;background-color:white;height: 100%}
a {text-decoration: none;color: black}
a:hover {text-decoration: underline}
h1, h2, h3, h4, h5 {font-weight:200;margin:0 0 .5em 0;font-weight: 400;line-height: 120%}
h1 {font-size: 2.5em;}
h2 {font-size: 2em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.4em;}
hr {height: 1px;border: none;background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 100%);background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%,rgba(0,0,0,0) 100%);background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );margin: 1em 0;clear: both}
p, ol, ul {font-size: 1.4em;font-weight:100;line-height:1.5em;margin-bottom: 1.5em;color: rgba(95, 95, 95, 1);font-weight: 300}
u {text-decoration: underline}

footer {background: rgb(0, 172, 236);background: -moz-linear-gradient(90deg, rgb(0, 172, 236) 0%, rgb(145, 206, 244) 100%);background: -webkit-linear-gradient(90deg, rgb(0, 172, 236) 0%, rgb(145, 206, 244) 100%);background: -o-linear-gradient(90deg, rgb(0, 172, 236) 0%, rgb(145, 206, 244) 100%);background: -ms-linear-gradient(90deg, rgb(0, 172, 236) 0%, rgb(145, 206, 244) 100%);background: linear-gradient(180deg, rgb(0, 172, 236) 0%, rgb(145, 206, 244) 100%);padding: 3em;color: white}
footer a, footer p {color: white}
header {padding:5em 3em 2em 3em;width: 100%}
section {padding:2em 10%;width: 100%}

#anniv {width: 15%;height: auto;position: absolute;right:3em;}
#bannerphoto {display:block;width: 100%;height:40vh;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#close {cursor:pointer !important; display: block;position: absolute;top:0px;right:0px;background: url('/img/close.png') center bottom no-repeat;background-size:30px;width: 30px;height: 30px;z-index: 100000;}
#close:hover {background-position-y: top}
#gmap {width: 100%;text-align: center;position: fixed;left:0;top:-10000px;height: 100%;background-color: black;z-index: 4000}
#gtheader {position: relative;left:0px;width: 40%;height: auto;}
#map {height:100%;}
#share {margin: 0;padding: 0;}

.aboutphoto {background: url('/img/Staff.jpg') no-repeat center center;}
.biophoto {float: left;border: solid 8px white;-webkit-box-shadow: 7px 7px 10px 0px rgba(200, 200, 200, 0.7);-moz-box-shadow:7px 7px 10px 0px rgba(200, 200, 200, 0.7);box-shadow: 7px 7px 10px 0px rgba(200, 200, 200, 0.7);margin: 0 1em 1em 0}
.brphoto {background: url('/img/Brochure.jpg') no-repeat center center;}
.calphoto {background: url('/img/Calendar.jpg') no-repeat center center;}
.catphoto {background: url('/img/Catalog.jpg') no-repeat center center;}
.clearfloat {clear:both;height:0;overflow:hidden;margin:-1px 0 0 0;}
.digphoto {background: url('/img/Digital.jpg') no-repeat center center;}
.gdphoto {background: url('/img/GraphicDesign.jpg') no-repeat center center;}
.homephoto {background: url('/img/Eye.jpg') no-repeat center center;}
.icon {vertical-align: middle;margin-right: 10px}
.lftcolumn {width: 60%;float: left;margin: 0;}
.maps {width: 100%;height: 100%;}
.pcphoto {background: url('/img/Postcard.jpg') no-repeat center center;}
.pfphoto {background: url('/img/PocketFolder.jpg') no-repeat center center;}
.pstrphoto {background: url('/img/Poster.jpg') no-repeat center center;}
.quotephoto {background: url('/img/Letterpress.jpg') no-repeat center center;}
.rtcolumn {width: 30%;float: right;margin: 0;}
.sfphoto {background: url('/img/Sheetfed.jpg') no-repeat center center;}
.smallhdr {font-size: 70%;line-height:130%;display: block}
.teamphoto {background: url('/img/Pressman.jpg') no-repeat center center;}
.twoline { display: none;}

@media screen and (max-width:900px) {
	body {font-size: 1.4rem;}
	section {padding:1em}
	#anniv {width: 20%;height: auto;position: absolute;right:1em;}
	#bannerphoto {height:30vh;}
	#gtheader {width:70%}
}
@media screen and (max-width:780px) {
	footer {padding: 1em;font-size:80%}
	header {padding:4em 1em 1em 1em;width: 100%}
	.lftcolumn {width: 100%;float: none;margin: 0;}
	.rtcolumn {display:none}
}
@media screen and (max-width:500px) {
	p {color: black}
	section {padding:1em 5%}
	#anniv {width: 120px;height: auto;top:120px;right:.5em}
	#gtheader {width:80%}
	.twoline { display: block;}
}