:root {
--background:#ececec;
--drop:#0a2f51;
--grn:#739FD9;
--gray:#7c7c7c;
--brn:#8C793E;
--brn-drop:#60542d;
--lt-gray:#CCC;
--ylw:#f9f7d1;
--pink:#e283b6;
--burg:#8C793E;
--blu:#687DA6;
--lt-blu:#8FAFD9;
}
body {font-family:'Raleway'; color:#727272; font-weight:600; background:var(--background)}
h1, h2 {font-family:'Raleway'; font-weight:900; letter-spacing:3px;}
b {font-weight:600}
strong {font-weight:700;}
.blu {color:var(--blu);}
.blu-drop {text-shadow:1px 1px 2px var(--drop);}
.gray-drop {text-shadow:1px 1px 2px var(--lt-gray);}
.folio-blu {background:var(--blu); color:var(--background)}
.folio-brn {background:var(--brn); color:var(--background)}
.folio-yellow {color:var(--ylw);}
.folio-grn{color:var(--grn);}
.folio-lt-blu {background:var(--grn); color:var(--background);}
.folio-drop {text-shadow:1px 1px 2px var(--drop);}
.folio-flow {font-family:'Lobster Two'; font-weight:700; padding-bottom:5px; padding-top:5px; border-bottom:solid 2px var(--lt-gray); border-top:solid 2px #CCC; font-size:130%; letter-spacing:2px;}
.folio-plug {display:table; background:var(--pink); font-family:'Lobster Two'; font-weight:400; color:#000; box-shadow:1px 1px 2px var(--drop); padding:5px; letter-spacing:2px;z-index:1;border-radius:2px; font-size:120%; white-space:nowrap;}
.folio-cell {background:var(--background); font-family:'Source Serif Pro'; color:var(--gray); font-weight:400; border-radius:5px;}
.folio-list {padding:10px; border-bottom:solid 1px var(--blu);}
.folio-double {display:table; margin-left:auto; margin-right:auto; padding-top:5px; padding-bottom:5px; font-family:'Raleway'; letter-spacing:3px; font-size:150%; border-top:solid 2px var(--ylw); border-bottom:solid 2px var(--ylw); color:var(--background);}
.scew {transform:rotate(-3deg);z-index:2;}
.plug-deck {border-top:solid 2px #ececec; border-bottom:solid 2px #ececec; padding-top:4px; padding-bottom:4px;}
.plug-banner {padding-top:10px; padding-bottom:10px; background:#5892ef; width:100%;}
.plug-banner-brn {padding-top:10px; padding-bottom:10px; background:var(--lt-blu); width:100%;}
.plug-container {display:flex;justify-content:space-around;align-items:center;margin-top:10px;margin-bottom:10px;}
.plug-list {letter-spacing:2px;}
.plug-line {border-top:solid 2px var(--ylw);}
.plug-spot{font-family:'Source Serif Pro';font-weight:400;display:table;margin-left:auto; margin-right:auto; border-radius:5px; background-color:var(--gray); color:var(--background); padding:10px;}
.plug-spot-deck {display:table;margin:auto;padding:5px; background:var(--grn); color:var(--background);white-space: nowrap;border-top-right-radius:5px; border-top-left-radius:5px; font-size:120%;} 
.icon {width:50px; height:50px; border-radius:25px; text-align:center; line-height:50px;}
.icon i {font-size:120%; color:FFF;}
.deck-top {display:table;margin-left:auto; margin-right:auto;font-family:'Raleway';font-weight:600;text-transform:uppercase;color:var(--ylw);letter-spacing:3px;}
h1.deck-head {text-align:center;color: var(--ylw);letter-spacing:10px;text-shadow: 1px 1px 2px var(--brn-drop);}
.deck-title {display: flex;justify-content: space-around;align-items: center;margin-bottom:10px;}
.deck-rule {width:100%; border-top:solid 2px var(--background);}
.deck-call {white-space: nowrap; color:var(--ylw); font-family:'Raleway'; font-weight:600; padding-left:10px; padding-right:10px; letter-spacing:3px;}
.deck-done {padding-bottom:2px; border-bottom:solid 2px var(--background);}
.deck-arrow-bt {display:table;margin-left:auto;margin-right:auto;width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent; border-top: 10px solid var(--background);}
.deck-arrow-tp {display:table; margin-left:auto;margin-right:auto;width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid var(--ylw);}
.folio-arrow {display:table;margin-left:auto;margin-right:auto;width: 0; height: 0; border-left: 20px solid transparent;border-right: 20px solid transparent; border-top: 20px solid var(--blu);}
.folio-sample {display:table; width:120px; height:120px; border-radius:60px; border:solid 2px var(--background); background-size:cover; background-repeat:no-repeat; background-position:center;}
.joe {background-image:url('joe.jpg');}
.anis {background-image:url('anis.jpg');}
.eric {background-image:url('eric.jpeg');}
.greg {background-image:url('greg.jpg');}
a.sample {display:table; background:var(--lt-blu); padding:2px 5px; color:#000; font-family:'Raleway'; font-weight:600; margin-top:10px;}
a.sample:hover {background:var(--pink); color:#FFF; text-decoration:none;}
h1.total-title {padding-top:10px;padding-bottom:10px;border-top:solid 2px var(--blu);border-bottom:solid 2px var(--blu);margin-top:10px;margin-bottom:10px;text-shadow:1px 1px 2px var(lt-gray);display:table;margin-left:auto;margin-right:auto;}
.total {background:#af3836;display:table;padding:5px;margin-left:auto;margin-right:auto;margin-bottom:20px;box-shadow:3px 3px #000;font-size:200%;}
.total-deck {padding:10px;border:solid 1px #FFF;text-align:center;background:transparent;line-height:250%;}
.price-number {font-family:'Bitter'; color:#efedce; font-weight:700; font-size:250%; vertical-align:baseline; top:0.4em;}
.price-dollar {font-family:'Bitter'; color:#ececec; font-weight:400; font-size:170%; vertical-align:top; top:0.4em;}
.price-month {font-family:georgia; font-style:italic; color:#000; font-size:80%;}
.price-cap {font-family:gerogia; display:block; font-style:italic; color:#efedce; font-size:80%; padding-top:5px; border-top:solid 2px #000; line-height:100%; }