body {max-width:1000px; margin-left:auto; margin-right:auto; background-color:#0066bf; padding:0px 12px 6px 12px;; margin-top:0px; font-size:15px; color:#ffeca8; font-family: Verdana, Arial, Helvetica sans-serif;}

h1 {color:#fdc230; font-family: 'FiraSans-Bold'; font-size:5em; font-weight:bold;}
h2 {color:#fdc230; font-family: 'FiraSans-Regular'; font-size:2.5em;}

p {color:#ffeca8; font-family: Verdana, Arial, Helvetica sans-serif;}
p.larger {color:#ffeca8; font-family: Verdana, Arial, Helvetica sans-serif; font-size:1.25em; line-height:140%;}


a {text-decoration:none; color:#ffffff;}
a:hover {text-decoration:underline;}

div.promo_holder {position:relative; width:640px; height:360px; float:right; padding:0px;} /* workaround for YT height responsive */
iframe.promo {position:absolute; top:0px; left:0px; width:100%; height:100%;}
img.banner {float:right; width:30%; height:auto; padding:0px 0px 6px 6px;}
img.feature {float:left; width:50%; height:auto; padding:12px 12px 6px 0px;}

div.lefttext {float:left; width:320px;}

div.cwm-menu {width:100%; text-align:center; margin:15px 10px 15px 10px;}
div.cwm-menu div {background-color:#fdc230; color:#000033; border-radius:25px; margin:10px 15px 10px 15px; display:inline-block;}
div.cwm-menu a {color:#000033; border-radius:25px; padding:20px 40px 20px 0px;  color:#000033; text-decoration:none; width:100%; height:100%; font-size:1.2em; display:inline-block;}

table.gospel-list {width:100%;  border-collapse:collapse; border:1px solid #000033; color:#000033;}
table.gospel-list th {text-align:left;}
table.gospel-list tr{background-color:#eeeeff; vertical-align:top;}
table.gospel-list td,th {padding:10px;}
table.gospel-list tr.first {border-top:1px solid #000033;}


@media only screen  and (max-width:999px) {
 div.promo_holder {width:70%; height:0px; padding-bottom:39.28%;}	/* 70% of 56.25 (9/16) */
 div.lefttext {width:27%;}
 p.larger {font-size:1.15em; line-height:125%;}
}
@media only screen  and (max-width:850px) {
 div.promo_holder {float:none; width:80%; height:0px; padding-bottom:45%;}	/* 80% of 56.25 (9/16) */
 div.lefttext {width:80%; float:none;}
}
@media only screen  and (max-width:660px) {
 div.promo_holder {width:100%; height:0px; padding-bottom:56.25%;}	/* 100% of 56.25 (9/16) */
 div.lefttext {width:95%;}
 h1 {font-size:3em;}
 h2 {font-size:1.75em;}
}
@media only screen  and (max-width:550px) {
 img.feature {width:100%; height:auto; float:none;}	
}
@media only screen  and (max-width:500px) {
 table.gospel-list * {display:block;}
 table.gospel-list th {display:none;}
 table.gospel-list td {padding-bottom:5px;}
 table.gospel-list td.episode {background-color:#fdc230; font-weight:bold; padding-bottom:10px;}
 table.gospel-list td.ref {padding-top:0px;}
}