html, body {
margin:0px;
height: 100%;
min-height:100%;
 }

@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff'); 
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
/* src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); */
src: local('Open Sans Regular'), local('Open-Sans-Regular'),
  url('OpenSans-Regular.woff') format('woff'),
  url('OpenSans-Regular.ttf') format('truetype');
}

	@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.civildesigner.com/responsive/Calibri.ttf');

}

a {text-decoration: none; color: navy;}
a:hover {text-decoration: underline;}
.main {font-family: Open Sans, Calibri; font-size: 15px; line-height:1.5;}

.hed {font-family: Open Sans, Calibri; font-size: 21px; color: #224066; font-weight:bold;}
.hed2 {font-family: Open Sans, Calibri; font-size: 15px; font-weight:bold; }

/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 601px) {
  .hed3 {font-family: Open Sans, Calibri; font-size: 22px; color: #224066; font-weight:bold;}
}
@media screen and (max-width: 600px) {
  .hed3 {font-family: Open Sans, Calibri; font-size: 28px; color: #224066; font-weight:bold;}	  
}



.main2
		{
			font-family:Open Sans, tahoma; line-height:1.5; font-size:14px; color:#fff; padding-left:30px;
		}
		.linkw {color:#e4e258; font-weight:bold;}
.linkwh {font-family:Open Sans,Calibri, tahoma; font-size:15px; color:#fff; }
.linkwh:hover {font-family:Open Sans,Calibri, tahoma; font-size:15px; color:#fde907; }

.respimg {
  max-width: 100%;
  height: auto;
  border: 0px;
}