body
{margin:0; padding:0; }
.content-wrapper { width: 70%;  float: left; margin: 0 0 0 4%; background-color: white; box-shadow: black; box-shadow: 3px 3px 22px #c1c0c0;}
.content-wrapper h1 {font-family: Verdana,Arial,Helvetica,sans-serif; color: #379bc7; padding: 1% 3%; font-size: 2em; text-align: center;font-weight: bold;margin:0; margin-bottom:1%;}
.content-wrapper p{margin:0;font-family: Verdana,Arial,Helvetica,sans-serif; color:#757575; font-size:0.9em; text-align:right; padding:1% 2% 2.5% 2%;}
.content{width:90%; float:left;margin:0 5% 3.5% 5%;border: 1px solid #d3d3d3;}
.content h2{margin:0;font-family: Verdana,Arial,Helvetica,sans-serif; color:#757575; font-size:1em; padding:1% 2%;line-height: 165%;}
.content ul{margin:0; list-style-type:decimal;}
.content ul li{padding:0.5% 0;font-family: Verdana,Arial,Helvetica,sans-serif; color:#757575; font-size:1em;}
.content ul li a{text-decoration:none;}
.content h3{margin:0;font-family: Verdana,Arial,Helvetica,sans-serif; color:#379bc7; font-size:1em; font-weight:600; padding:2% 4.5%;}
.content h5{margin:0;font-family: Verdana,Arial,Helvetica,sans-serif; color:#757575; font-size:1em; padding:2%;}
.daily-list{width:100%; float:left; margin:2.5% 0;}
.row-wrapper{width:100%; float:left;}

@media only screen and (max-width:1200px) and (min-width:100px){
.content-wrapper{margin:0; width:100%;}
}
@media only screen and (max-width:1200px) and (min-width:100px){
.content{margin:1%; width:98%;}
}
@media only screen and (max-width:767px) and (min-width:100px){
.daily-list{margin:1% 0;}
.content h3{ padding: 1% 3%;}
}
@media only screen and (max-width:543px) and (min-width:100px){
.content-wrapper h1{padding:3% 2%; font-size:1.3em;}
.content ul{padding-left:8%;}
.content ul li{padding:1.5% 0;}
.content h5{padding:4.5% 2%;}
.content-wrapper p{padding:3.5% 2% 4.5% 2%;}
}