@media screen and (max-width:768px){
body{ background-color:wheat;font-size:1.8vw;height:auto;}
h3{text-align:center;width:50%;height:auto;border:3px double red;margin-left:23%;background-color:lemonchiffon;color:blue;border-radius:1em;margin-top:1%;font-size:1.5em;}
h4{ margin-left:26%;font-size:1.3em;color:blue;margin-top:5%;line-height:1.5em;}
audio{margin-left:18% }
}
@media screen and (min-width:768px){
body{ background-color:wheat;font-size:1.8vw;height:auto;}
h3{text-align:center;width:50%;border:3px double red;margin-left:30%;background-color:lemonchiffon;color:blue;border-radius:1em;margin-top:1%;font-size:1.5em;}
h4{ margin-left:35%;font-size:1.3em;color:blue;margin-top:3%;line-height:1.5em;}
audio{margin-left:35% }
}
@media only screen and (min-width:1024px){
body{ background-color:wheat;font-size:1.0vw;height:auto;}
h3{text-align:center;width:30%;border:3px double red;margin-left:29%;background-color:lemonchiffon;color:blue;border-radius:1em;margin-top:1%;font-size:1.5em;}
h4{ margin-left:31%;font-size:1.2em;color:darkblue;margin-top:2%;}
h4.jl{margin-left:34%;font-size:1.2em;color:darkblue;margin-top:2%;}
audio{margin-left:34%;}
}