<style>


* {
  box-sizing: border-box;
}
.title   {color: #000080; font-size: 20px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold;}

.ctitle   {color: #000080; 
font-size: 20px; 
font-family: "Verdana", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
font-weight: bold;
text-align: center;
float: center;
background-color: #FFFFCC;
}


.body {
	background-color: #FFFFCC;
}
.standout {
	color: #000080; 
	font-size: 22px; 
	text-align: center;
}

.atitle {
	color: #000080; 
	font-size: 26px; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;}
}

.atext {
	color: #000080; 
	font-size: 18px; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;}
}

.topnav {
	padding: 25px;
	float: center;
	font-family: "Verdana", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
	font-weight: bold; 
	border-bottom: 1px solid #000080;
	text-align: center;
}
.left {
  background-color: #2196F3;
  padding: 20px;
  float: left;
  width: 20%; /* The width is 20%, by default */
}

.main {
  background-color: #f1f1f1;
  padding: 20px;
  float: left;
  width: 60%; /* The width is 60%, by default */
}

.right {
  background-color: #04AA6D;
  padding: 20px;
  float: left;
  width: 20%; /* The width is 20%, by default */
}
.image {
	padding: 10px;
	float: left;
	width: 45%;
	max-width:600px;
}
.itext {
	padding: 2px
	color: #000080; 
	font-size: 30px; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;}
}
.icon {
	padding: 10px;
	float: left;
	width: 35%;
	max-width:400px;
}
.postitle {
	padding: 10px;
	float: left;
	font-size: 18px; 
	color: #002FA7;
}
.ptext {
padding: 10px;
	float: left;
	width: 75%
	color: #002FA7
}

figure {
	float: left;
  border: 1px #cccccc solid;
  padding: 5px;
  margin: auto;
}

figcaption {
	
  color: black;
  font-size: 20px; 
  padding: 20px;

}
  
.topnav {
  overflow: hidden;
  background-color: #006400;
  float: center;
}

.topnav a {
  float: left;
  color: #F9F6EE;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 28px;
}

.topnav a:hover {
  background-color: #FFFDD0;
  color: black;
}

.topnav a.active {
  background-color: #8AB800;
  color: white;
}

/* Use a media query to add a break point at 800px: */
@media screen and (max-width: 600px) {
  .ptext , .title, .ctitle, .icon, .itext{
  width: 100%; /*The width is 100%, when the viewport is 800px or smaller */
  padding: 10px;}
  {.topnav{
	  font-size: 36px
		
  }
}

</style>