h1 {font-family: 'Satisfy', Arial, Helvetica, Tahoma, sans-serif; background-color: #222; text-align: center; color: #fff; padding: 20px 10px; margin-bottom: 10px; }
@media only screen and (max-width: 760px) {h1 .mblblck {display:block;}}
h2, h3 {font-weight:bold; text-align: center; margin-top: .5em; margin-bottom: 0.25em; }
h2 span, h3 span { display: block; }

#bnr { padding-bottom: 0; padding-top: 0;}
#bnrpix {position:relative;}

#ctcbtn {display:inline-block; color:#fff; line-height: 1.15; position: absolute; bottom: 55px;  right: 10%; z-index: 1000000; text-align: center; max-width:260px;}

#mainwrap-in {padding: 0;}
@media only screen and (max-width: 600px) {
#mainwrap-in {margin-top:0;}
#ctcbtn {width: 100%; margin: 1em auto 0; display: block; position: relative; z-index: auto; top: auto; bottom: auto; right: auto; max-width: 260px; }
}
@media only screen and (min-width: 601px) and (max-width: 1030px) {#ctcbtn {bottom: 20px;  right: 5%;}}
@media only screen and (min-width: 1031px) and (max-width: 1599px) {#ctcbtn {bottom: 35px;  right: 10%;}}
#ctcbtn span {display:block; text-shadow: 2px 2px rgba(0,0,0,1);}
#ctcbtn a { max-width: 230px; font-weight: bold; font-size: 1.5em; background-color: #e20b0b; /*background-color:#d2c376;*/ display: block; margin-left: auto; margin-right: auto; color: #fff; text-decoration: none; border: 1px solid #fff; margin-top: 10px; padding: 15px 20px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); box-shadow: 0px 0px 10px rgba(0,0,0,.8); }
@media only screen and (max-width: 600px) {#ctcbtn a {max-width:200px; font-size: 1.25em; padding: 10px;}}
#ctcbtn a:hover {background-color:#6e0001; color:#fff; text-decoration:none;}

#introblocks {padding-bottom:20px;}
#introblocks a {text-decoration:none; color:#e4002b;}
#introblocks a:hover {color:#6e0001;}
#introblocks a:active {color:#a6a6a6;}
#introblocks .flex-row > .col.col-a {width: 66.666%; width: calc(66.666% - 20px); padding: 15px; margin-left:10px; margin-right: 10px;}
#introblocks .flex-row > .col.col-b {width: 33.333%; width: calc(33.333% - 20px); padding: 15px; margin-left:10px; margin-right: 10px;}
#introblocks .flex-row > .col p { padding-left:10px; padding-right:10px; margin-left: auto; margin-right: auto; margin-bottom: 0;}
@media only screen and (max-width: 680px) {#introblocks .flex-row > .col.col-a, #introblocks .flex-row > .col.col-b {width: 100%;width: calc(100% / 1); margin-left:auto; margin-right:auto;}}
#introblocks .col {border: 1px solid rgba(225,225,225,1); border-radius: 5px;}
#introblocks.col-in p {padding-left: 20px; padding-right: 20px;}

#mainblocks {padding-bottom:20px;}
#mainblocks a {text-decoration:none; color:#e4002b;}
#mainblocks a:hover {color:#6e0001;}
#mainblocks a:active {color:#a6a6a6;}
#mainblocks .flex-row > .col {width: 33.33%; width: calc(100% / 3 - 20px); padding: 15px; margin-left:10px; margin-right: 10px;}
#mainblocks .flex-row > .col p { padding-left:10px; padding-right:10px; margin-left: auto; margin-right: auto;}

@media only screen and (max-width: 680px) {#mainblocks .flex-row > .col {width: 100%; width: calc(100% / 1); margin-left:auto; margin-right:auto;}}
#mainblocks .col {border: 1px solid rgba(225,225,225,1); border-radius: 5px;}
#mainblocks.col-in p {padding-left:20px; padding-right:20px;}

/* video block */
#vid {padding: 15px; background-color:#f2efec; background-image: url(/_img/ele/bkgd-cream-pixels.png);}
#vid .flexsection-1 {width: calc(40% - 20px);}
#vid .flexsection-2 {width: 55%;}
.p7MBX-01 .mbx-slide .p7mbx-content-slide {padding: 10px;}
.p7MBX-01.light .mbx-slide .p7mbx-content-slide {background-color: #fff;}
@media (min-width: 0px) and (max-width: 680px) {
#vid {background-color: transparent; background-image: none;}
#vid .flexsection-1, #vid .flexsection-2 {width: 100%;}
#vid figure {max-width: 440px; margin: 0 auto;}
#vid p {text-align: center; max-width: 420px; margin: 0 auto;}
}

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

@media only screen and (max-width: 480px) {
h1 {font-size: 2em;}
h2, h3 {font-size: 1.375em;}
}
@media only screen and (min-width: 481px) and (max-width: 680px) {
h1 {font-size: 2.125em;}
h2, h3 {font-size: 1.375em;}
}
@media only screen and (min-width: 681px) and (max-width: 768px) {
h1 {font-size: 2.1875em;}
h2, h3 {font-size: 1.375em;}
}
@media only screen and (min-width: 769px) and (max-width: 1030px) {
h1 {font-size: 2.25em;}
h2, h3 {font-size: 1.5625em;}
}
@media only screen and (min-width: 1031px) and (max-width: 1220px) {
h1 {font-size: 2.3125em;} 
h2, h3 {font-size: 1.625em;}
}
@media only screen and (min-width: 1221px) and (max-width: 1439px) {
h1 {font-size: 2.375em;}
h2, h3 {font-size: 1.6875em;}
}
@media only screen and (min-width: 1440px) and (max-width:1599px) {
h1 {font-size: 2.4375em;} 
h2, h3 {font-size: 1.75em;}
}
@media only screen and (min-width: 1600px) {
h1 {font-size: 2.5em;}
h2, h3 {font-size: 1.8125em;}
}