html,body {margin:0px;padding:0px;}

body {position:relative;
    font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
}

header div#banner {font-size:2rem; height:90px;background-color:#000;color:#fff;}

div#banner div.logo {display:inline-block;height:70px;}
div.logo img {height:100%;width:auto;padding:4px;}
div.logo img a {border:0px;}
div#banner div.hdr {display: inline-block;
    max-width: 80%;
    vertical-align: super;
    margin: 0rem 2rem;
    padding: 0rem;}
    
div.hdr a {color:#fff;text-decoration:none;}


header nav {width:100%;display:block;position:relative;text-align:center;}
nav ul {font-size:1.32rem;list-style-type:none; width:85%;border-top:1px solid #aaa;border-bottom:1px solid #aaa;margin:.5rem auto;}
nav ul li {display:inline-block; width:30%;  text-transform:uppercase;}
nav ul li a {text-decoration:none;color:#003366;}
nav ul li.active {font-weight:bold;color:#004d99}
nav ul li a:hover {text-decoration:underline;color:#004d99}
main {margin:.1rem 3rem;}
main p {font-size:1.27rem;line-height:1.64rem;}

header h1 {text-align:center;
    font-family: "Germania One", system-ui;
    font-size: 4rem;
    margin: 0rem 1rem;
    padding: 0rem;
    vertical-align: super;
    text-transform: uppercase;
    letter-spacing: .5rem;}


div.ctr {text-align: center;}
div.ctr div.caption {font-size:.9rem;}

span.trans {display:block;font-size:.85rem;}
div.episode {margin-bottom:2rem;border-bottom:1px solid #aaa;}
div.episode p {text-align:left;font-size:1rem;margin:.5rem 2rem;}
div.episode ul {
    text-align:left;
    font-size:.88rem;
    margin:.5rem 2rem;
}
footer {background-color:#bfbfbf;margin:0px;}
footer div {display:inline-block;padding:1rem;}


@media only screen and (max-width: 420px) {
  main {margin:1rem 1rem;}
 div.ctr img {max-width:90%};
 iframe {width:88%;}
 
 div.episode p {margin:.5rem .5rem;}
div.episode ul {
    text-align:left;
    font-size:1rem;
    margin:.5rem .5rem;
}
    
}