h1 {width:98%; margin:0 auto .5em; padding: 0 0 .1em; line-height:1.25; font-weight:400; max-width: 960px;}
h2, h3 {color: #fff; font-weight: normal;line-height: 1; text-align: center; margin-top: 0px; margin-bottom: 0.5em;  padding: 10px;}

#bnr {padding-bottom: 0; padding-top: 20px;}
#h1-sub {line-height: normal; margin-bottom:0;}

#mainwrap-in {padding: 10px 0px 0px;}

#mainblocks a {text-decoration:none;}
#mainblocks a:hover {text-decoration:underline; color:#222;}
#mainblocks a:active {font-style:italic; color:#a6a6a6;}
#mainblocks a.mre {text-decoration:underline;}
#mainblocks a.undl {text-decoration: underline !important;}
#mainblocks a.undl:hover {text-decoration: none !important;}
#mainblocks .flex-row > .col {width: 33.333%; width: calc(100% / 3 - 10px); padding: 10px; margin-left:5px; margin-right: 5px;}
.ie9 #mainblocks .flex-row > .col {float:left; width: 32.33%; padding: 10px; margin-left:.5%; margin-right: .5%;}
@media only screen and (max-width: 680px) {
#mainblocks .flex-row > .col {width: 100%;width: calc(100% / 1); margin-left:auto; margin-right:auto;}
.ie9 #mainblocks .flex-row > .col {float:none;}
}
#mainblocks .col {border: 1px solid rgba(225,225,225,1); border-radius: 5px;}
#evnts .col-in, #vol .col-in, #nws .col-in {overflow-y:scroll; height:auto; max-height:410px;}
#evnts .col-in p {padding-left:15px; padding-right:20px;}
#vol .col-in p {padding-left:15px; padding-right:15px;}
#nws .col-in p {padding-left:20px; padding-right:15px;}
#voices .col-in {border: 1px solid rgba(225,225,225,1); border-radius: 5px; padding-bottom:10px;}

/* #tstm in _sitewide.css */
.tstms3 {margin-top:10px;}
.tstms3 p {margin-bottom:1em;}
.tstms3 p:last-of-type {margin-bottom:.5em;}

/* SPONSORS */
#spon-wrap {display: inline-block; margin: 0 10px 20px; border: 1px solid rgba(237,28,36,.4); border-radius: 5px; padding-bottom: 5px;} 
#spon-wrap p {width: 96%; margin-left: auto; margin-right: auto;}
.spon {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; align-content: center;}
.spon-itm {display:flex; align-items: center; text-align: center; flex: 0 0 auto; margin: 15px;}
.spon .wde250px {width: 250px; height: auto;}
.wde200px {width: 200px; height: auto;}
.evnt-lnk {display:inline-block;}
.evnt-lnk::before {content:"\00a0\00a0\007c\00a0\00a0";display:inline-block;} 
.evnt-lnk:nth-of-type(1)::before {content: "";}

/* original FB code b4 page feed stopped wkg - SAVE
#fb-page-wrap {margin-right:0; margin-left:auto;}
.fb-page {border: 1px solid rgba(225,225,225,1); border-radius: 5px;}
*/
/* current FB code */
#fb-page-wrap {position: relative; margin-left: auto; margin-right: auto; width: 96%; text-align: center;}
#fbck {width: 100%; height:390px;}
#fbck iframe {width: 100%; max-width: 360px; height:390px; margin: 0 auto 0; border: none;}

@media only screen and (max-width: 480px) {
h1 {font-size: 1.125em;} /* 18 */
h2, h3 {font-size: 1.5em; margin-bottom:.5em;}
h2, h3 {font-size: 6vw;}
#h1-sub {font-size: 3.8vw;}
}
@media only screen and (min-width: 481px) and (max-width: 680px) {
h1 {font-size: 1.125em;} /* 18 */
h2, h3 {font-size: 1.6em;}
h2, h3 {font-size: 4.5vw;}
#h1-sub {font-size: 3.2vw;}
}
@media only screen and (min-width: 681px) and (max-width: 768px) {
h1 {font-size: 1.125em;} /* 18 */
h2, h3 {font-size: 1.8em;}
h2, h3 {font-size: 4vw;}
#h1-sub {font-size: 2.8vw;}
}
@media only screen and (min-width: 769px) and (max-width: 1030px) {
h1 {font-size: 1.25em;} /* 20 */  
h2, h3 {font-size: 1.9em;}
h2, h3 {font-size: 3.5vw;}
#h1-sub {font-size: 2.8vw;}
}
@media only screen and (min-width: 1031px) and (max-width: 1220px) {
h1 {font-size: 1.3125em;} /* 21 */   
h2, h3 {font-size: 2em;}
h2, h3 {font-size: 3vw;}
#h1-sub {font-size: 2.4vw;}
}
@media only screen and (min-width: 1221px) and (max-width: 1439px) {
h1 {font-size: 1.375em;} /* 22 */
h2, h3 {font-size: 2em;}
h2, h3 {font-size: 2.8vw;}
#h1-sub {font-size: 2.2vw;}
}
@media only screen and (min-width: 1440px) and (max-width:1599px) {
h1 {font-size: 1.4375em;} /* 23 */
h2, h3 {font-size: 2.1em;}
h2, h3 {font-size: 2.6vw;}
#h1-sub {font-size: 1.9vw;}
}
@media only screen and (min-width: 1600px) {
h1 {font-size: 1.5em;} /* 24 */
h2, h3 {font-size: 2.2em;}
h2, h3 {font-size: 2.5vw;}
#h1-sub {font-size: 1.5vw;}
}