body{margin:0;padding:0;background:#efefe0}
.container{width:100%;max-width:925px;margin:0 auto;}
.header{width:100%;max-width:980px;padding-top:20px;border-bottom:4px solid #A41C2B}
.logo_div{float:left;width:20%;margin-top: 0.3%;}
.header_div{float:left;width:64%;text-align:center}
.content_div{width:100%;max-width:980px;margin:0 auto}
.content_div1{width:100%;text-align:center;margin-top:2%}
.content1 { background: white none repeat scroll 0 0; float: left; padding: 0 1%;width: 20%; box-shadow: 0 0 5px ; margin-left:20px; margin-top:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.content2 { background: white none repeat scroll 0 0;float: left;margin-left: 3%;padding: 0 1%; width: 20%; box-shadow: 0 0 5px;}
.content_div2{width:100%;text-align:center;margin-top:5%}
a{color:#A41C2B}
.p1{min-height:40px}

@media screen and (max-width:800px)
{
.content1 {width: 24%;}
.content2 {width: 24%;margin-left: 11%}
}

@media screen and (max-width:768px)
{
.logo_div {float: none; margin: 0 auto;text-align: center; width: 100%;}
.header_div {float: none; margin-top: 3%;text-align: center; width: 100%;}
.content1 {margin: 0 auto;padding: 0.5% 1%; width: 25%;float:none;margin:0 auto}
.content2 {margin: 0 auto;padding: 0.5% 1%; width: 25%;margin:0 auto;margin-top:2%;float:none;}
.p1{min-height:10px}
}

@media screen and (max-width:640px)
{
.content1 {width: 28%;}
.content2 {width: 28%;margin-top:5%}
}

@media screen and (max-width:480px)
{
.content1 {width: 37%;}
.content2 {width: 37%;}
}

@media screen and (max-width:360px)
{
.content1 {width: 50%;}
.content2 {width: 50%;}
p{font-size:13px}
}

@media screen and (max-width:320px)
{
.content1 {width: 60%;}
.content2 {width: 60%;}
}