body {font-family:sans-serif;margin: 0;padding: 5px;background: #ffffff; margin-top:80px; color:#333333; max-width:98%;}
a {text-decoration:none; color:#333333;}
li {margin: 10px 0; letter-spacing:1px;}
img {margin-top:3px; width:100%;}
img:hover {opacity:0.7; border-radius:20px;}
.b {color:#ffffff; background:#ff0000; font-size:1.5em; border-top:solid 5px #000000; padding:5px;}
.pb {background:#ffffef; border:solid 2px #777777;padding:20px;box-shadow: rgba(0, 0, 0, 0.7) 0px 19px 38px;}
.t {color:#ff0000; font-weight:bold; font-size:1.3em;}
.ct {text-align:center;}
.hb {float:left; border-top:solid 16px #ff1100; padding:6px; margin-top:20px;}
.hb:hover {background:#ffffff;}
.mt {margin-top:100px; float:left;}
.rc {font-size:20px; color:#000000; background:#E8F8F5; display:block; padding:3px; padding-left:10px; border:solid 1px #00aaff; border-top:solid 4px #00aaff; width:95%;}
.rc:hover{background:#00aaff; color:#ffffff; text-decoration:underline;}
.ul {color:#0000ff; text-decoration:underline; letter-spacing:1px;}
.ul:hover {color:#0000ff; text-decoration:underline; font-weight:bold; letter-spacing:1px;}
.nd {font-size:1.6em; text-align:right; background:#ff0000; color:#ffffff; padding:20px; border-top:solid 7px #000000; letter-spacing:1px; height:90px;}
.vw {font-size:4.0vw; font-family:serif;}
.ad {border:solid 10px #aa0000; padding:30px; border-radius:20px;}
.ads {padding:10px; border:solid 3px #000000; min-height:560px; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.3) 0px 15px 12px;}
.box {float:right; padding:10px; font-size:2em; display: inline-block; background:#ff0000; border-top:solid 10px #f2d948; color:#ffffff; border-radius:10px;}
.kvs {color:#ff0000; font-family:serif; font-size:2em;}
.hov {color:#000077; letter-spacing:1px; line-height:30px; font-size:1.3em;}
.hov:hover{color:#ff0000; text-decoration:underline;}
.mag {font-size:20px; letter-spacing:1px; color:#000000; font-weight:bold;}
.red {color:#ff0000;}
.red2 {color:#ff0000;letter-spacing:2px;}
.red3 {color:#990000;}
.red4 {color:#bb0000; font-size:1.2em;}
.banner {width:100%; background-image:linear-gradient(to bottom,#550000,#ff0000,#ff0000); color:#ffffff; text-align:center; font-weight:bold; padding:10px; font-size:20px; letter-spacing:2px; border-top:solid 5px #ff0000;}
.newsb {float:left; border:solid 3px #777777;  border-top:solid 50px #ff0000; border-radius:20px; background:#ffffff; box-shadow: rgba(0, 0, 0, 0.7) 0px 19px 38px;}
.copy {width:100%; max-width:600px; margin:0 auto; font-size:90%; letter-spacing:1px; text-align:center; color:#000000; background-color:#ffffff; padding:10px;}
.grey {color:#555555;}
.spot {font-size:1.75em; background:#ff0000; color:#ffffff; box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 5px; margin:3px;}
.fade {background-image:linear-gradient(to bottom,#ffffff,#eeeeee,#eeeedd,#eeeeee,#ffffff); padding:20px; box-shadow: rgba(0, 0, 0, 0.7) 0px 19px 38px;}
.left {float:left; width:80px; margin-right:5px;}
.logo {max-width:200px;}
.logos {max-width:150px;}
.bord1 {border:solid 10px #333333; margin:50px; padding:20px; text-align:center; background:#ffffee;}
.bbdr {border:solid 5px #000000;}
.resb {border-left:solid 5px #ff0000; padding-left:10px; background:#ffffaa;}
.serif {font-family:serif;}
.space1 {letter-spacing:1px;}
.font11 {font-size:medium;}
.font12 {font-size:medium;}
.font2 {font-size:1.5em;}
.font3 {font-family:serif; font-size:1.5em;}
.font7 {font-size:0.7em;}
.font8 {font-size:medium;}
.font9 {font-size:medium; letter-spacing:1px;}
.fixed {width:100%; position:fixed;top:0;left:0;width:100%;background-color:#333333;color:#ffffff;padding:10px;border-bottom:solid 10px #ffffff;text-align:center;z-index: 99;}
.today {font-size:2em; letter-spacing:1px; font-weight:bold; color:#ff0000;}
.stars {color:red; font-size:30px;}
.stripe {width:100%; background-image:linear-gradient(to bottom,#ffffff,#ffffaa,#ffffcc,#ffffff,#ffffff);}
.green {color:#009080;}
.center {text-align:center;}
.heading {font-size:1.5em; color:#ffffff;background:#ee0000;padding:5px; text-align:right; font-family:sans-serif; border-top:solid 6px #FFD700; border-top-right-radius:10px; border-top-left-radius:10px; letter-spacing:2px;  float:right;}
.attribution {font-size:0.9em; font-family: serif; font-style:italic;}
.description {font-size:1.1em; margin-top:4px;}
.grid-container {display: grid;grid-template-columns: 25% 25% 25% 25%; gap: 10px;}
.grid-item {background: #fff; padding: 10px;}
.voteg {color:#555555; font-size:80%;}
.votegi {visibility:hidden;}
.votec {display:none;}
.votesubmit {background:#cc0000; color:#ffffff; border-radius:10px; padding:5px;}
.votesubmit:hover {background:#ff0000;}

@media screen and (max-width: 1246px) {
.grid-container {
display: grid;
 grid-template-columns: 50% 50%;
}
 .logo {
 max-width: 300px;
 height: auto;
 }
}
@media screen and (max-width: 790px) {
.grid-container {
display: grid;
grid-template-columns: 100%;
}
 .logo {
 max-width: 100%;
 height: auto;
 }
}