@charset "utf-8";
/* CSS Document */

body {
	font-family: 'Merriweather', serif;
}


	   #container {
		   width:90%;
		   margin:20px auto;
		   max-width:760px; 
		   border:1px solid #999; 
background-color: #c3cbdc;
background-image: linear-gradient(147deg, #c3cbdc 0%, #edf1f4 74%);
		  
	   }
	   
	   section#branding {
		   width:100%;
		   background-color:#002238; 
		   color:#DBD5D5; 
		   display:table; 
		   text-shadow:none;
		   position: relative;
		   
	   }
	   
	   section#branding div.logo {
		   float:left;
		   width:40%; 
		   margin-left:20%; 
		   font-family: overlock, sans-serif; 
		   
	   }
	   
	   section#branding div.logo h1 {
		   font-size:4em; 
		   margin-bottom:0;
		   margin-top:20px; 
		   text-shadow:2px 2px #f7f2f2; 
	   }
	   section#branding div.logo h2 {
		   font-size:1.4em; 
		   margin-top:7px; 
	   }


div.stage {
	min-height:400px;
		box-sizing: content-box;
box-sizing: border-box;	  
padding:20px; 
padding-top:2px;


}

h2 {
	font-size: 2rem;
	text-align: center;
}

h3 {
	font-size: 1.55rem;
	padding-left:15px;
	margin-top:2px;

}

h4, fieldset legend {
	margin-top:2px;
	margin-bottom:2px;
	padding:0;
	font-size:1.5rem;
	font-weight: 600;
}

h4, p {
	line-height: 1.7;
}

span.atSym {
	font-size:1.5rem;
	font-weight: 600;
}

	   
	   div.slogans {
		   float:right;
		   font-family:serif; 
		   text-align: center;
		   padding-right:14px; 
		   width:24%; 
	   }
	   div.slogans h4 {
		   margin-bottom:0; 
		   font-size:1.4rem; 
	   }

	   footer {
		   width:100%;
		  background-color:#002238; 
		   color:#DBD5D5; 
		   text-align: center; 
		   text-shadow:none;
		   padding:20px;
		   box-sizing: content-box;
box-sizing: border-box;
		   
	   }