.container {
background-image: linear-gradient( to right, #ffffff, #3A3838 );
overflow: hidden;
margin: auto;

}
.topnav {

opacity: 1;
overflow: hidden;
margin: auto;
}

.topnav ul {

display: block;
float: right;
text-align: center;
color: #EAC508;
padding: 5px 6px;
text-decoration: none;
font-size: 17px

}


.topnav a {

display: inline;
float: right;
text-align: center;
color: #EAC508;
padding: 14px 16px;
text-decoration: none;
font-size: 17px

}

.topnav a:hover {

color: #000000;
background-color: #dcdcdc;



}


.topnav  {

float: right;

}

.column {
  float: left;

}

.left, .right {
  width: 15%;
  
}
.right{
clear: left;
padding: 10px;
margin: auto;

}
.middle {
  width: 70%;
  padding 10px;
  margin: 10px;
}

.row: after {
content: "";
clear: both;
display: table;

}


.logo {

max-width: 95%;
height: auto;
padding:3px;

}

.blogPic {

float: left;
max-width: 200px;
height: auto;
padding: 5px;}

.maintext {

text-align: left;
font-size: 20px;

}

h2 (
font-size: 22px;
)

h3 {

font-size: 21px;

}

.foot
{
clear: both;
display: block;
  margin-left: 45%;
  margin-right: auto;
  width: 50%;

}