@media screen,print {
a {text-decoration:none;font-weight:bold;color:purple;}
a:hover {color:#000;}
body {font-family:"Verdana";margin:0;padding:0;}
h1 {color:purple;}
nav {padding:1rem;}
nav ul {display:block;border:3px solid purple;border-radius:1rem;list-style-type:none;margin:0;padding:0;overflow:auto;background-color:#eee;width:100%;position:relative;height:auto;}
nav ul li a {display:block;padding:1rem;float:none;text-align:center;}
nav ul li a.active {background-color:#000;color:#fff;}
nav ul li a:hover:not(.active) {background-color:purple;color:#fff;}
main h1,h2,h3,p {padding-left:1rem;padding-right:1rem;}
main img.portrait {padding:1rem;}
main iframe.map {height:25rem;width:100%;border:0;}
main blockquote {font-style:italic;border-radius:1rem;border:1px solid purple;padding:0.5rem;}
main p.right {text-align:right;}
main p.print {display:none;}
main *.impdat {font-size:xx-small;}
main span.news{color:white;background:purple;font-weight:bold;padding:1rem;filter:drop-shadow(.1rem .11rem .1rem black)}
}

@media screen and (min-width:40rem) {
nav ul li a {float:left;}
main img.portrait {float:right;}
}

@media print {
a {text-decoration:none;font-style:italic;color:#000;}
nav {display:none;}
main p.print {font-size:xx-small;display:block;}
}