@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
*{
	font-family:"open_sanslight";
	font-family:'Nunito';
 
	-moz-box-sizing: border-box;
	-webkit-sizing: border-box;
	box-sizing: border-box;
	background-color:white;
	font-size:16px;
	
}



body{
	background-color:darkgray
	margin:auto;
    padding:0px;
}

.titletext{
    font-size:3rem;
    color:white;
}

.narrtext{
    
    font-size:1.4rem;
    line-height:2.8rem;
}

.tabtext{
    font-size:1.2rem;
    line-height:2.4rem;
}

.alt1{
    background-color:#666;
  
}

.wardtitle{
    width:Auto;
    padding:.5rem;
    color:black;
    height:auto;
    font-size:2rem;
    margin-top:2rem;
    text-align:center;
}


.boldingtext{
    font-weight:bolder;
    font-size:1.4rem;
    color:green;
}


.whatward{
    width:auto;
    height:auto;
    padding:1rem;
    padding-left:10px;
    padding-right:10px;
    text-align:center;
    background-color:#4747cd;
    color:white;
    font-size:3rem;
    margin:auto;
    margin-top:4rem;
    line-height:2rem;
}


.whatwardsub{
    font-size:1.5rem;
    background-color:transparent;
}
.whatward a{
    font-size:3rem;
     color:white;
    
}

.whatward a:hover{
    color:lightblue;
}


/* Mobile Layout:  min of 480px .  I80erits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (max-width: 800px) {



}