html{
	background-color:#F1F1F1; 
	}

body {
	background-color:#FFFFFF; 
	max-width:1200px;
	padding:0;
	margin: 0 auto;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3),0 0 20px 0 rgba(0, 0, 0, 0.2);
}

* {
    box-sizing: border-box;
}
img {
    width: 100%;
    height: auto;
}


[class*="col-"] {
    float: left;
    padding: 15px;
    width: 100%;
}

.logo {
	width:75%;
	padding:15px 15px 0px 15px;
}

.compass {
	padding:0px;
	margin:0px;
}

#hamburger {
	display: inline-block;
}

.spacer {
	display:none;
	text-align:center;
}

.navitem {
	display:none;
	color:rgb(31,80,157);
	float:right;
	text-align:center;
	padding:10px;
}

.navitem a:link, .navitem a:visited {
	color:rgb(31,80,157);
	text-decoration: none;
    padding:15px;
    display: inline-block;
}

.navitem a:hover, .navitem menu:active {
    color:black;
    font-weight:bold;
}


.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

h1{font-size:150%;} h2{font-size:125%;} h3{font-size:110%;} h4{font-size:100%;} 

a {
	text-decoration:none;
	color:#0047BB ;

	}	 
a:hover {color:blue; 
}



.blogcontent {
	padding: 20px;
}

.byline {
	color:rgb(200,200,200);
}

@media only screen and (min-width: 600px) {
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
    .spacer {display:block;}
    h1{font-size:175%;} h2{font-size:145%;} h3{font-size:117%;} h4{font-size:100%;} 
}

@media only screen and (min-width: 1000px){
    .col-t-1 {width: 8.33%;}
    .col-t-2 {width: 16.66%;}
    .col-t-3 {width: 25%;}
    .col-t-4 {width: 33.33%;}
    .col-t-5 {width: 41.66%;}
    .col-t-6 {width: 50%;}
    .col-t-7 {width: 58.33%;}
    .col-t-8 {width: 66.66%;}
    .col-t-9 {width: 75%;}
    .col-t-10 {width: 83.33%;}
    .col-t-11 {width: 91.66%;}
    .col-t-12 {width: 100%;}
    .navitem {display:block;font-size:1.25em;}
    h1{font-size:175%;} h2{font-size:145%;} h3{font-size:117%;} h4{font-size:100%;} 
    #hamburger{display: none;}
}



.servblock {
	float: left;
	color:white;
	background-color:rgb(31,80,157);
	padding:10px 5px;
	margin-top:0px;
	margin-left: 20px;
	margin-right: 15px;
}


.servlist ul, .servlist li {
	padding:10px;
	margin:0;
	font-weight:bold;
	list-style-type:none;
	list-style-position: inside;

}

.servlist a:link, .servlist a:visited {
	color:white;
	padding-bottom:10px;
	padding-right: 10px;
	padding-top: 10px;
	text-decoration:none;
} 



.servlist a:hover, menu:active {
    color:black;
    font-weight:bold;
}



.sidebox {
	box-shadow: 15px 15px 10px #ababab;
	border:1px;
	border-style: solid;
	margin-bottom: 35px;
	border-color: #dedede;
}

.pagetitle {
	background-color:#666666; 
	color:white; 
	padding:5px 20px;
	margin-top: 3px;
}