body {
width:100%;
max-width:600px;
margin-left: auto;
margin-right:auto;
margin-top:2%;
color: #404040;
font-size:0.9rem;
}

@media (min-width:992px ) {
.head1 { display:none; }
.fo8{font-size:80%;}
.fo9{font-size:90%;}
.fo10{font-size:100%;}
.fo11{font-size:110%;}
.fo12{font-size:120%;}
.fo15{font-size:150%;}
.fo20{font-size:200%;}
.but{padding:0.5%;margin:1% 0.5% 1% 0.5%;font-size:90%;}
.but2{padding:0.5%;margin:1% 0.5% 1% 0.5%;font-size:200%;}
}

@media (max-width:992px ) {
.head { display:none; }
.fo8{font-size:60%;}
.fo9{font-size:70%;}
.fo10{font-size:80%;}
.fo11{font-size:90%;}
.fo12{font-size:100%;}
.fo15{font-size:130%;}
.fo20{font-size:160%;}
.but{padding:0.5%;margin:1% 0.5% 1% 0.5%;font-size:70%;}
.but2{padding:1%;margin:2% 1% 2% 1%;font-size:160%;}
}

audio {  border-radius: 2px; width:100%; height:35px; }
a {text-decoration: none; color:steelblue;}
a:hover{color:#333; text-decoration:none;}

.hov1 a:hover{color:#fff;background-color:steelblue;border-radius:5px; }
.up{text-transform:uppercase;}
.shd {box-shadow: 0.1em 0.1em 0.2em #333; }
.t-shd {text-shadow: 0.08vw 0.08vw 0.05vw #000; }
.bord1 {border:solid 1px #fff;padding:1%;margin:1%;border-radius:5px;}
.bord {padding:0.5%; margin:1% 0% 1% 0%;background-color:#f5f5f5;border-radius:2%;}
.box {padding:0.5%; margin:1% 0% 1% 0%;background-color:#fff;border-radius:2%;}