*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clearing:after { content: ""; display: table; clear: both;}
body { font-family: Verdana, sans-serif; }

@media screen and (min-width:64em) { html { font-size: 32px; } }
@media screen and (max-width:64em){ html { font-size: 26px; } }
@media screen and (max-width: 32em){ html { font-size: 20px; clear: both; } .copyright { text-align: center; padding-left: 0px;} }

html { font-family: sans-serif; width: auto; height: 100%; color: #CB0000; }

#title{ text-align: center; padding-top: 6vh;}
#svgId { color: #CB0000; border-bottom: 5px solid #CB0000;}

.copyright { float: left; font-size: small; padding-left: 15px; }
.cred { margin-top: 5px; }
.links { text-decoration: none; color: #CB0000; padding-right: 15px; font-size: small; margin-top: 5px;}
.info { padding-left: 15px; font-size: medium; width: 100vw; height: auto; }
.info_ci { display: none; background-color: #CB0000; color: white; float: left; min-width: 90vw; padding: 0px 5px 0px 5px; }
.close_icon_div_class { float: right; margin-right: 15px; border: solid 1px white;}
.sm_icon_div_class { float: right; width: 30px; height: 18px; margin-right: 15px; border: solid 1px white;}
.close_icon { cursor: pointer; }
.sm_icon { cursor: pointer; }
.tor { float: right; }
.uriClass { color: white; text-decoration: none;}
