@import url(https://fonts.googleapis.com/css?family=Kanit:400,500);

body{margin:0;font-family:'arial';font-size:14px;background-color:#fff;}
span{font-size:22px;color:lightgray;}
footer{text-align:center;height:30px;clear:both;}
footer a{text-decoration:none;color:black;}
.bar1{width:20%;background-color:#FF9500;height:40px;text-align:center;color:black;font-size:32px;margin-left:50px;}
.bar1 small{font-size:1em;font-family: 'Kanit';}
.bar1 img{width:50px;margin-top:3px;}
.bar2{background-color:#191200;display:flex;margin-left:50px;margin-right:50px;justify-content:center;}
.bar2 div{padding:10px;color:white;}
.bar2 a{text-decoration:none;font-size:1.2em;text-align:center;}
.box0{width:300px;height:auto;}
.box1{width:200px;min-height:50px;border-radius:4px;background-color:white;margin-top:2px;border:.5px solid lightgray}
.box1 p{margin:0;padding:10px;}
.box1 a{text-decoration:none;color:black;}
.box1 span{font-size:14px;color:black;}
.box1 ul{list-style:none;margin:0;padding:10px;}
.box1 ul li{padding:3px;border-bottom:.5px solid lightgray;}
.box2{width:100%;}
.box2 div{width:50%; float:left; text-align:center;}
.co{display:flex;margin-left:50px;margin-right:50px;}
.co1{width:20%;}
.co1 h2{margin:0;padding:5px 0px 0px 10px;border-bottom:.5px solid lightgray;}
.co1 p{margin:0;padding:7px 0px 0px 0px;text-align:center;}
.co2{width:60%;display:flex;flex-wrap:wrap;justify-content:center;}
.co2 div{margin:10px;}
.co2 h2{margin:0;padding:5px 0px 0px 10px;border-bottom:.5px solid lightgray;}
.co3{width:20%;}
.co3 h2{margin:0;padding:5px 0px 0px 10px;border-bottom:.5px solid lightgray;}
.co3 a{text-decoration:none;}
.co3 hr{width:50%;}
.c2{width:50%;height:auto;background-color: #F7F7F7;display:flex;flex-wrap:wrap;}

@media all and (max-width: 400px) {
  .bar1{width:100%;margin:0;}
  .bar2 {margin-left:15px; margin-right:15px;flex-direction: column;}
  .bar2 a{text-decoration:none;font-size:18px;text-align:center;}
  .bar2 div{border-bottom:.1px solid lightgray;}
  .co{width:100%;margin:0;flex-direction:column;}
  .co1{width:100%;margin:0;order: 2;}
  .co2{width:100%;margin:0;order: 1;}
  .co3{width:100%;margin:0;order: 3;}
  .box1{width:100%}
}