body{
	background-image:url('../images/bg.png');
	color:#000305;
	font-size:87.5%; /*base font size is usually 14px*/
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:1.5;
	text-align:left;
	
}
a{
	text-decoration:none;	
	
}

a:link, a:visited{
	color:#3f51b5;
}

a:hover, a:active{
	color:#735935;
}

h2 {
	color:#A37534
}

.body{
	margin:0 auto;
	width:70%;
	clear:both;
}

.mainHeader img{
	width:100%;
	height:auto;
	margin:0% 0;
	border-radius: 5px;	
}
.mainHeader nav {
	background-color:#544530;	
	height:40px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.mainHeader nav ul{
	list-style:none;
	margin:0 auto;
	
}
.mainHeader nav ul li{
	float:left;
	display:inline;
	
	
}

.mainHeader nav a:link, .mainHeader nav a:visited{
	color:#fff;
	display:inline-block;
	padding:10px 25px;
	height:20px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
}

.mainHeader nav a:hover, .mainHeader nav a:active, .mainHeader nav .active, .mainHeader nav .active a:visited{
	background-color:#A37534;
	text-shadow:none;
	
}


.mainContent{
	 line-height:20px;
	 border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	width:45%;
	float:left;
	margin-right: 1%;
	
}

.mainContent5{
	 line-height:20px;
	 border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	width:100%;
	float:left;
	margin-right: 1%;
	background-color:#fff;
	
}
.mainContent6{
	 line-height:20px;
	 border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	width:73%;
	float:left;
	margin-right: 1%;
	background-color: #fff;
	margin-top: 1%;
}

.module{
    color: #fff;
    background: #c00000;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50px 20px;
    margin-bottom: 1px;
    margin-top: 1px;
}

.topContent, .bottomContent{
	background-color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	padding-right: 2%;
	padding-left: 2%;
	margin:1% 0;
	text-align: left;
	
}

.post-info{
	font-style:italic;
	color:#ccc;
	font-size:90%;
	
}

.mainContent1{
	 line-height:25px;
	 border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	width:26%;
	float:left;
	
}

.topContent1, .bottomContent1{
	background-color:#fff;
		-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	padding:1% 1%;
	margin:1% 0;
	
}


.topContent3, .bottomContent3{
	background-color:#fff;
		-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	padding:1% 1%;
	margin:1% 0;
	
}

.post-info1{
	font-style:italic;
	color:#ccc;
	font-size:90%;
	
}


.top-sidebar, .middle-sidebar, .bottom-sidebar{
	width:27%;
	float:left;	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:0% 0 0 1%; 
	padding:0% 0%;
}

.mainFooter{
	height:40px;
	width:100%;
	float:left;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#c00000;
	
}

.mainFooter p{
	width:92%;
	margin:1.3% auto;	
	color:#fff;
	text-align: center;
	
}


/* Create four equal columns that floats next to each other */
footerUP {
  background: white;
  grid-area: footerUP;
  border-radius: var(--main-radius);
  padding-top: var(--main-padding);
  text-align: ;
  font-family: Arial;
}

.column2 {
  width: 100%;

  background-color: white;
  float: left;
}

 .w9-round {
  border: 1px solid #f4fbf8;
  border-radius: 10px;
  padding: 5px;
  width: 120px;
  max-height: 150px;
}  

.w9-round:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}



.button {
  background-color: #4CAF50;

  border: none;
  color: white;
  padding: 3px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
}
.button3 {border-radius: 8px;}

.border {
    border-width: 5px;
    width: 100%;
    max-width: 400px;
    border-color: white;
    border-style: solid;
    border-radius: 10px;
}


@media only screen and (min-width:150px) and (max-width:700px){
	.body{
		width:90%;
		font-size:100%;
	}
	.mainHeader img{
		width:100%;	
	}
	
	.mainHeader nav {
		height:160px;
	}
	
	.mainHeader nav ul{
		padding-left:0;
		
	}
	.mainHeader nav ul li{
		width:100%;
		text-align:center;	
	}
	
	.mainHeader nav a:link, .mainHeader nav a:visited{
		padding:10px 25px;
		height:20px;
		display:block;	
		
	}
	
	.mainContent {
		width:100%;
		float:left;
		margin:2% 0;
			
	}
	
		.mainContent1 {
		width:100%;
		float:left;
		margin:2% 0;
			
	}
	
	.post-info{
		display:none;	
	}
	.topContent, .bottomContent{
		margin:2% 0 0 0;
	}
	.top-sidebar,.middle-sidebar, .bottom-sidebar{
		width:100%;
		margin:1.5% 0 2% 0%; 
		padding:2% 3%;
	}
	.mainFooter{
		width:100%;		
	}

.mainContent6{
	
	width:100%;
}

}