body { 
}
a{text-decoration:none;}
.body-content{padding-left: 15px;
padding-right: 15px;
Margin-top:80px;
height:70%;}

.logo-header{width:250px;float:left;height:100%;}
.menu-area{float:right;}
#menubtn{width:70px;height:100%;color:yellow;float:right;padding: 12px;font-size: 1.25em;display:none;cursor:pointer;}
ul>li{color:#fff; text-decoration:none; display:inline-block;}
.left{width:69%;float:left;}
.right{width:30%;float:right;}
.border{border:1px solid #808080;border-radius:5px;margin-bottom:15px; }
.header{background-color:#808080;color:#fff; font-weight:bold;font-size:1.8em;padding:5px;}
.body{padding:5px;}

@media only screen and (max-width: 700px) and (min-width:651px) {
        .left{width:55%;}
.right{width:44%;}
}
@media only screen and (max-width: 650px){
    .left{width:100%;float:left;}
.right{width:100%;float:left;}
#menubtn{display:block;}
.menu-area{display:none;float:left;width:100%;}
.container{min-width:300px;}
ul>li{display:table;}
}