@media screen and (max-width: 640px) {
html{background:#72d6d6;}
body{
margin:0;
width:100%;
background:#72d6d6;
}

div.top_box_1{padding-top:20px;background:#72d6d6;}
div.top_box_1 h1{margin:0;padding-top:20px;text-align:center;}
div.top_box_1 p{text-align:center;color:#fff;font-size:24px;font-weight:bold;margin-top:0;margin-bottom:0;}
div.top_box_1 h1 img{width:60%;}

div.banner p{border-top:10px solid #3a3e39;margin-bottom:0;margin-top:0;}
div.banner img{width:100%; }
div.banner p a:hover{opacity:0.3;background-color:#fff;}

nav{
text-align: center;
width:100%;height:60%;background-color:#3a3e39;margin-top:-10px;}

nav ul{
margin: 0 ;
padding: 5px ;}

nav li{
display: inline-block;
padding:0px 20px;}

/*
nav li:not(:last-child){
border-right:2px solid #ddd;}*/

nav a{
color: #fff;
font-size:4vw;}

footer{
width:100%;
text-align:center;
color:#fff;
margin-bottom:0;}

div.bottom_box_1{background:#72d6d6;}

.tw_box{width:100%;text-align:center;}

footer .img{
padding-top:30px;}

footer ul{
margin:0;
padding:0;padding-bottom:10px;padding-top:5px;}

footer li{
margin:0 10px ;
font-size:16px;
font-weight:nomal;}

footer li:nth-child(1) {margin-top:0;}
footer li:nth-child(2) {margin-top:0;}
footer li .bbb{
padding-top:10px;}

footer li a{
color:#fff;width:100%;height:18px; margin-top:-10rem;}

footer a:hover{
color:#043ffd;
text-decoration: none;}

footer li img{margin-right:0.5rem;margin-top:0.5rem;padding-top:0.5rem;width:1.5rem;position:relative;top:0.2rem;}

/*ooter li a:before {
content:"";
display:block;
width:26px;
height:16px;
background:url("../img/mail.png") no-repeat;position:relative;top: 1.4rem;left:18vw;}*/

footer #copyright{font-size:12px;padding-bottom:40px;padding-top:0px;margin-bottom:0;margin-top:0;}
}