a{text-decoration:none;color:black;}
a:hover{text-decoration:underline;}
body{margin:0;font-family: 'Open Sans', sans-serif;}
h1{margin:10px 0px 0px 10px;}
header{width:200px;height:50px;background-color:#e33a19;}
header p{margin:0;margin-left:15px;font-size:2em;color:#feffff;}
footer{height:40px;background-color:black;text-align:center;}
footer p{color:white;padding-top:10px;}
footer a{color:white;}

.b{width:32%;height:auto;margin:10px 0px 0px 5px;border:.5px solid lightgray;float:left;}
.b a{padding:5px;font-size:1.2em;}
.b a span{font-size:.7em;font-style:italic;margin-left:5px;}
.b ul{margin:0;padding:15px;}
.b ul li{list-style:none;}
.co{height:900px;clear:both;}
.d{display:none;}
.i{border:1px solid black;font-size:.8em;margin:0px 0px 5px 5px;float:left;}
.i p{margin:0;padding-left:5px;}
.l{min-width:80px;border:1px solid;padding:5px;background-color:#e86146;color:white;float:left;}
.l:hover {text-decoration:none;}
.r{width:100%;clear:both;margin-top:10px;margin-left:5px;}
.r a{font-size:20px;}

#i1{width:41%;}
#i2{width:26%}
#l1{background-color:#ee8c25;text-align:center;}
#l2{background-color:#2DBF80;}
#l3{background-color:#FF6600;}
#l4{background-color:#da552f;}

@media (max-width: 400px){
  footer{font-size:4vw;}
  .b{margin:0;width:100%;height:auto;border-top:.5 solid lightgray;}
  .b p{padding:0;margin:0;}
  .l{margin:0;width:46%;}
  .l p{text-align:center;}
  .r{margin:0;}
  #i1,#i2 {float:left;width:100%;margin:0;}
  
}