/*
* style-yyyymmdd.css
* Copyright 2018, Sarva Yoga of Media, LLC and Jack Dixon
* www.sarvayogamedia.com and www.dixonmedia.com
*/
@charset "utf-8";@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}
*{margin:0;padding:0;}
*{box-sizing:border-box;}
html{box-sizing:border-box;}

/****** root variables ******/
:root {
--blu: #002464;
--grn-md: #002464;
--grn-lt: #002464;
--grn-hover: #809e7a;
--ylw-dk: #f8f3b7;
--ylw-md: #fcfade;
--ylw-lt: #fefdf0;
--red-dk: #7c0a02;
--red-md: #ff1212;
--red-lt: #ff3636;
--shadow: 2px 2px 4px 0px rgba(56, 110, 43, 0.75);
}

/* STRUCTURE */
/* mobile first */
body, header, nav, main, article, footer{display:flex;}
body, main{flex-direction:column;}
.container{margin:0;padding:0;}
header{background-color:var(--ylw-lt);color:var(--grn-dk);border-bottom:solid var(--grn-md) .625rem;justify-content:center;flex:0 1 60%;} /* between bodhileaf and hamburger icon */
nav{flex-wrap:wrap;}
main{flex-flow:column nowrap;flex:1 1 100%;}
.aside{flex-flow:row wrap;justify-content:center;align-content:flex-start;}
.aside article{display:flex;flex-flow:column nowrap;}
.aside-r a{color:#fff;font-weight:600;}
footer{flex-flow:row wrap;justify-content:center;align-content: center;}

/* STYLING */
/* Typography */
html, body {font-family: 'Open Sans', sans-serif;font-size: 100%;line-height: 1.5;background-color:var(--ylw-lt);color:var(--grn-dk);}
h1, h2{font-family: 'Oswald', sans-serif;font-weight:400;font-variant:normal;text-align: center;padding:0 .5rem .5rem .5rem;}
h1{letter-spacing: .01em;}
h3, h4, h5, h6, p{font-family: 'Open Sans', sans-serif;padding:0 .5rem;}
h1{font-size:1.4em;}
h2{font-size: 1.3em;}
h3{font-size: 1.2em;}
h4{font-size: 1.15em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;font-weight:600;}
p{font-size:.95em;line-height:1.35;margin-bottom:1em;} /* font size 1 rem on larger screens */
p.smallprint{margin-bottom:.25rem;font-size: 85%;}
p.tinyprint{margin-bottom:.25rem;font-size: 75%;}
.fw6{font-weight: 600;}
.fw6i{font-weight:600;font-style:italic;}
.fw4r{font-weight: 400;color: var(--red-dk);}
.fw6r{font-weight: 600;color: var(--red-dk);}
.f-italic{font-style: italic;}
.yellow{color:var(--ylw-lt);}
a{font-family: 'Open Sans', sans-serif;}
article a{color: var(--grn-dk);}
header h2{padding:.25em 0 0 0;font-weight:400;font-size:1.6em;flex:1 1 100%;}
header p{font-size:.9em;font-weight:600;flex:1 1 100%;}
.aside h4{margin:0;padding:.25em;line-height:1.35;font-size: 90%;} 
.aside p{margin:0;padding:.25em;font-size:80%;line-height:1.35;}
.aside-r h6{padding-left:.8em;line-height:1.35;}
.aside-r p{padding:.25em 1em;}
.aside article h4, .aside article p{color:var(--grn-dk);}
.aside-r article h4{padding-left:1em;}
.aside article p.fw6{font-weight:600;}
.aside article p.fw6i{font-weight:600;font-style:italic;}
.aside article p.fw6r{font-weight: 600;color: var(--red-dk);}
.page-heading{margin-top:.5rem;}
div .aside{padding:0;}
footer p{font-size:75%;}
footer p.fw6{font-weight:600;}

/*  HEADER  */
header div{flex:0 1 100%;}

/*  NAV  */
nav{background-color:var(ylw-lt);font-size:1rem;text-align:center;}
.bodhileaf{background:var(--ylw-lt) url("/images/bodhileaf-64px.png") no-repeat left;background-position:2% 25%;border-bottom:solid var(--grn-md) .625rem;flex:0 1 20%;} /*to match hamburger icon*/
nav .menu a{padding:.5rem 0;text-decoration:none;background-color:var(--grn-lt);color:#fff;font-weight:600;border-bottom:1px solid #ccc;font-size:100%;}
nav .menu a:last-of-type{border-bottom: 0;}
nav a:hover{background:var(--grn-hover);}
nav .menu{display:none;}
nav img{background-color:var(--ylw-lt);border-bottom:solid var(--grn-md) .625rem;width:3.125rem;height:auto;flex:0 1 3.75rem;}
     /* Hide checkbox */
input[type=checkbox] {position: absolute;top: -9999px;left: -9999px;}
nav label {display:block;margin:0;padding:1.85em .5em 0 .5em;border-bottom:solid var(--grn-md) .625rem;background-color:var(--ylw-lt);color:var(--grn-dk);flex:0 1 20%;} /*to match bodhileaf*/
     /* checked */
input[type=checkbox]:checked ~ .menu{display:block;font-size:1.1rem;text-align:center;border-bottom:solid var(--grn-md) .1875rem;display:flex;flex-direction:column;flex:0 0 100%;}
nav label:before{content: "\2630";font-size:1.1em;font-weight:600;}
input[type=checkbox]:checked ~ label:before{content:"\2169";font-size:1.1em;font-weight:600;}
nav .menu{background-color:var(--grn-md);}
.sticky {position: fixed !important;top: 0;width: 100%;z-index: 9999;}
.sticky + main {padding-top: 4rem;}
/* end navigation CSS ***************************************** */

/*  MAIN CONTENT  */
.main-content, .main-content2{padding:0 .5rem 1rem .5rem;background-color:var(--ylw-lt);}
article {display:flex;flex-flow:row wrap;}
.leftpanel{flex:0 1 100%;}
.rightpanel{padding:0 .5rem;flex:0 1 100%;text-align:center;}
.fullpanel{flex:0 1 100%;}
.aside{margin:.5rem;padding:.5rem;background-color:var(--grn-lt);color:#ffffff;border-radius:4px;text-align: center;}
.aside .heading{padding-top: .5rem;flex:0 1 100%;}
.aside hr{flex:1 1 100%;}
.aside-l article{background-color:var(--ylw-dk);color:var(--grn-dk);border-radius:4px;box-shadow:var(--shadow);padding:1em 2em;margin: 1.25em 1.25em .375em 1.25em;}
.aside-l a{text-decoration: none;}
.aside-r article{margin:1rem;color:#fff;text-align: left;}
.aside-r article h4, .aside-r article p, .aside-r * a{color:#fff;}

/* FLEXBOX */
.row-wrap{display: flex;flex-flow:row wrap;}
.full-width{width: 100%;justify-content:space-evenly;}
.flex-pricing-options{display: flex;flex-flow:row wrap;} /* on class-passes page */

/* GRIDS */
/* grid - pricing options on schedule page */
.grid-pricing-sch{grid-template-columns:1fr;grid-template-areas:'grid-note-sch' 'dropin-sch' 'monthly-sch' '15-class-sch' '10-class-sch' '5-class-sch';grid-gap:1rem;margin:0 1rem;}
.grid-pricing-sch .grid-note{margin:0;padding:0;}
.pricing-sch{display:grid; grid-template-columns:3fr 1fr 2fr;grid-template-rows:1fr;}
.pricing-sch-auto{display:grid; grid-template-columns:3fr 1fr 2fr;grid-template-rows:1fr 1fr auto;grid-row-gap:1em;}
.pricing-sch, .pricing-sch-auto{margin:1rem 0;border:solid 1px var(--ylw-lt);border-radius:4px;padding:.75em .5em;font-weight: 600;}
.option-desc-sch{padding-left:.5em;color:var(--ylw-md);text-align: left;}
.option-price-sch, .option-buy-sch{text-align: center;}
.option-desc-sch, .option-price-sch, .option-buy-sch{margin-top:auto;margin-bottom:auto;padding-bottom:0;font-size:85%;}
.note{grid-column:1/4;padding:.5em 1em 0 1em;font-size:70%;font-weight:600;border-top:solid 1px #ccc;}
.pricing-buy-button{padding:.25rem 1rem;background:var(--grn-md);text-decoration:none;height:2.5em;border-radius:4px;}

/* grid - pricing options on class-passes page */
.pricing-option{margin:.5rem;padding:.5rem;display:grid;grid-template-columns:3fr 1fr;grid-template-areas: "option option" "desc desc" "autorenew autorenew";flex:1 1 100%;width: 100%;}
.option{grid-area: option;padding:.25rem .5rem;background:var(--ylw-dk);border:1px solid var(--grn-lt);border-radius:4px 4px 0 0;display: grid;grid-template-columns: 3fr 1fr;}
.desc{grid-area: desc;padding:.25rem .5rem;background:#fff;border-left:1px solid var(--grn-lt);border-right:1px solid var(--grn-lt);border-bottom:1px solid var(--grn-lt);border-radius:0 0 4px 4px;display:grid;grid-template-columns:1/3;}
.desc-auto{grid-area: desc;padding:.25rem .5rem;background:#fff;border-left:1px solid var(--grn-lt);border-right:1px solid var(--grn-lt);border-bottom:1px solid var(--grn-lt);display:grid;grid-template-columns:1/3;}
.desc-priv{grid-area: desc;padding:.25rem .5rem;background:#fff;border-left:1px solid var(--grn-lt);border-right:1px solid var(--grn-lt);border-bottom:1px solid var(--grn-lt);border-radius:0 0 4px 4px;display:grid;grid-template-columns:1/3;}
.autorenew{grid-area: autorenew;padding:.25rem .5rem;background:#fff;border-left:1px solid var(--grn-lt);border-bottom:1px solid var(--grn-lt);border-right:1px solid var(--grn-lt);border-radius:0 0 4px 4px;display: grid;grid-template-columns: 3fr 1fr;}
.option h6{padding:.2em 0 0 0;justify-self:start;font-size:1.15em;}
.option .smallprint{font-size:85%;}
.option button{height:2.25em;background:var(--grn-md);padding:.1em 1em;justify-self:end;}
.autorenew h6{padding:.2em 0 0 0;justify-self:start;font-size:1em;}
.autorenew button{min-height:2.25em;max-height:3.5em;background:var(--grn-md);padding:.1em 1em;justify-self:end;font-size:95%;}
.desc p, .desc-auto p, .desc-priv p{padding:0;font-size:.9em;}

/* MBSR Resources grid */
.grid-mbsr{display:flex;flex-flow:column nowrap;}
.grid-mindfulness{display:flex;flex-flow:row wrap;justify-content:center;}
.grid-audio{display:grid;grid-template-columns:1fr;grid-template-rows:[audio-title] 1.5fr [audio-note] 1fr [audio-player] 2fr;align-items:end;align-self:center;}
.grid-video{display:grid;grid-template-columns:1fr;grid-template-rows:[video-title] 1.5fr [video-note] 1fr [video-player] 2fr;align-items:end;align-self:center;}
audio{max-width:98%;box-shadow:1px 1px 4px rgba(0, 0, 0, 0.6);height: 50px;vertical-align: middle;margin-right: 10px;margin-bottom: 10px;}
.audio-title{font-size:90%;}
.audio-note{align-self:center;}
audio::-webkit-media-controls-enclosure{height: 50px;}
audio::-webkit-media-controls-panel{height: 50px;box-shadow: 1px 3px 5px #333;border-radius:4px;background: var(--ylw-md);}
audio:hover, audio:focus, audio:active{max-width:98%;box-shadow:1px 1px 4px rgba(0, 0, 0, 0.6)}

/* cards grid on program-info page (YTT200)) */
.card{margin:.5rem;padding:.5rem;display: grid;grid-template-columns:5fr 1fr;grid-template-areas:"heading hours" "body body";flex:1 1 100%;width: 90%;}
.card-heading{grid-area:heading;padding:.25rem;background:var(--ylw-dk);color:var(--grn-dk);border-top-style:solid;border-right-style:none;border-bottom-style:solid;border-left-style:solid;border-width:1px;border-color:var(--grn-lt);border-radius:4px 0 0 0;}
.card-hours{grid-area:hours;padding:.25rem;background:var(--grn-md);color:#ffffff;font-weight:600;text-align:center;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:none;border-width:1px;border-color:var(--grn-md);border-radius:0 4px 0 0;}
.card-body{grid-area:body;padding:.5rem;background:#ffffff;color:var(--grn-dk);border-top-style:none;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-width:1px;border-color:var(--grn-lt);border-radius:0 0 4px 4px;}

/* Tabbed Content */
article .tab .leftpanel p, article .tab .fullpanel p{font-size: .9rem;}
div.tab{margin-top:1rem;overflow:hidden;border:1px solid var(--grn-lt);border-radius:4px 4px 0px 0px;background-color:var(--grn-lt);color:var(--grn-dk);flex:0 1 100%;width:100%;display:flex;}
div.tab button{padding:.875em 1em;border-radius:0;height:auto;background-color:inherit;outline-color:#ccc; cursor:pointer;transition:0.3s;font-size:.9em;line-height:1.2;color:#ffffff;text-decoration:none;flex:1 1 33.33%;width:33.33%;}
div.tab button:hover{background-color:#809E7A;color:#ffffff;}
div.tab button.active{background-color:var(--grn-md);color:#ffffff;}
.tabcontent{display:none;width:100%;padding:.5rem;border:1px solid var(--grn-lt);border-top:none;border-radius:0px 0px 4px 4px;background-color:var(--ylw-lt);color:var(--grn-dk);font-size:90%;}
.tabcontent img{max-width:100%;height:auto;}
.tabcontent * .fullpanel-header{flex:0 1 100%;width:100%;order:1;}
.tabcontent * .leftpanel{flex:0 1 100%; width:100%;font-size:.9em;order:2;}
.tabcontent * .rightpanel{display: none;}
.tabcontent * .fullpanel{flex:0 1 100%;order:4;}
.tabcontent * .fullpanel p{font-size: .9em;}
.about-tab{flex:1 1 calc(100% - 1em);width:100%;}

/*  FOOTER  */
footer{padding:.5rem 0 0 0;background-color:var(--grn-md);color:#fff;}
footer div{text-align:center;}
footer a{color:#fff;font-weight: 600;}

/* BUTTONS */
button{background-color:var(--grn-lt);border:none;border-radius:4px;-webkit-border-radius:4;;-moz-border-radius:4;line-height:1.1;font-family:'Open Sans', sans-serif;font-size:1em;font-weight:bold;text-decoration:none;color:#ffffff;}
button a{text-decoration:none;color:#fff;font-weight: 600;}
button:hover{background-color: var(--grn-hover);}
button:focus{outline:0;}
.buy{margin-bottom:.25rem;padding:.5rem;background-color:var(--grn-md);line-height: 1.5;flex:1 1 calc(50% - 1em);}
.aside hr .passes{margin:0 .5rem .5rem .5rem;}

/* MISCELLANEOUS */
.articlelink{margin:.5rem;padding:.5rem;background:var(--grn-md);font-size:1rem;}
blockquote{margin:1rem 3rem;}
.infolink{padding:.75rem .5rem .25rem .5rem;background-color:var(--grn-md);box-shadow: var(--shadow);}
.infolink:hover{background-color: var(--grn-hover);}
.infolink h4{font-size: 1em;}
.mbsr{width:8.75rem;height:auto;border:none;font-size:1em;color:#ffffff;background-color:var(--grn-md);box-shadow:var(--shadow);padding:1em 0;margin:.5rem 0 1rem 0;line-height: .6;}
.hr{1px,solid,var(--blu);opacity: 0.5;margin:.5em .5em;}
img{border-radius: 4px;}
.logo{display: none;}
.map-responsive{margin:.75rem;overflow:hidden;padding-bottom:.5rem;position:relative;max-width:100%;height:auto;}
.marquee{margin:.75rem 0 0 0;font-size:.85rem;font-weight:600;text-align: center;}
.marquee p{margin:0;padding:0;}
.mobilenav{margin:.75rem;display:flex;flex-flow:row nowrap;justify-content:space-between;}
.mobilenav button{width: 32%;height:3.375rem;}
.news{background:var(--ylw-md);border:solid 1px var(--ylw-dk);border-radius: 4px;font-variant:small-caps;font-size:85%;font-weight:600;}
.nomobile{display:none;}
.topspace{margin-top: .5rem}
ul{margin-left: 2rem;margin-bottom:1rem;padding-right:2rem;font-size: 95%;}
.aside-r ul{margin-left: 2rem;padding-right:2rem;font-size: 80%;}
.video{margin:1rem;border-radius: 4px;}
.widget{margin:0 .75rem;padding:.5rem;background:var(--ylw-lt);color: var(--grn-dk);flex:0 1 auto;border-radius:4px;}
.widget-sched{margin:.75rem;color: var(--grn-dk);flex:0 1 auto;}
.login .heading, .shopping-cart .heading{padding-top:.75rem;font-size: 1.25rem;}
.login .heading a, .shopping-cart .heading a{font-family: 'Oswald', sans-serif;font-weight:400;text-decoration: none;}
#google-reviews{margin:1em 2.5em;padding:1em;background:var(--ylw-dk);color:var(--grn-dk);border:solid 1px var(--ylw-dk);border-radius:4px;box-shadow:var(--shadow);}
#google-reviews a{color:var(--grn-dk);}
#location{margin:0 1em;}
#schedule-link{padding-top: .5rem;}

/* comment form (Contact Us) & get directions form (About Us) */
.form{margin-top:1rem;}
.comment-form{display: flex;flex-flow:column nowrap;justify-content:center;flex:0 1 100%;}
.comment-form p{display:flex;flex-flow:column nowrap;max-width: 90%;margin-left:5%;margin-right:5%;}
input{height:2rem;}
input, textarea{border-radius:4px;}
.contact-name{flex:0 1 60%;}
.contact-email{max-width: 20rem;}
.contact-company{max-width: 20rem;}
.contact-subject{max-width:20rem;}
.contact-message{max-width: 50rem;}
.contact-page-hdg{justify-content:center;}
.sendbtn{margin-top:.5rem;border:1px solid var(--grn-md);border-radius: 4px;height:2em;width:30%;background:var(--grn-md);color:#fff;font-size: 1.1em;line-height:1.5;font-weight:600;}
.antispam{display: none;}
#name{width:60%;}
#email{width:60%;}
#company{width:60%;}
#emailsubject{width:60%;}
#message{width:100%;}
.directions{margin-top:1rem;display:flex;flex-flow:row wrap;justify-content:center;text-align: center;}
.directions h5{flex:1 1 100%;}
#your-address{flex:1 1 100%;justify-self:center;}
#saddr, #daddr{flex:1 1 100%;}

/*  MEDIA QUERIES  */
@media screen and (min-width:601px){
/* structure */
.leftpanel{padding-right:1em;flex:0 1 calc(65% - 1em);}
.rightpanel{padding:.5rem;flex:0 1 calc(35% - 1em);}
/* styling */
header h2{font-size:1.5rem;}
header p{margin-bottom:.5rem;font-size:1rem;}
nav .menu{flex:0 0 100%;flex-flow:row wrap;justify-content:center;display:none;}
nav .menu a{margin:0;padding:.5rem 1rem;border-bottom:1px solid #ccc;}
input[type=checkbox]{display: none;}
nav label:before{content:"Menu \25BC";} /*down arrow*/
nav label{display: block;flex:0 1 20%;}
input[type=checkbox]:checked ~ label:before{content:"Menu \25B2";} /*up arrow*/
.main-content, .main-content2{order:1;flex:1 1 100%;}
.main-content, .main-content2 h2{text-align: left;}
.aside-r{order:2;flex:1 1 100%;}
.aside-l{order:3;flex:0 1 calc(100% - 1em);display:flex;flex-flow:row wrap;justify-content:space-around;}
.aside-l .heading{flex:0 1 100%;}
img{max-width: 100%;}
.nomobile{display:block;}
.pricing-option{flex:0 1 calc(49% - 1em);}
.desc{min-height:8em;}
/* tabbed content */
.tabcontent * .rightpanel{display:block;padding:.5rem;flex:0 1 calc(35% - 1em);text-align:center;order:3;}
.tabcontent * .leftpanel{padding-right:2em;flex:0 1 calc(65% - 1em);font-size:.9em;order:2;}
}

@media screen and (min-width:751px){
/* structure */
h1{font-size:1.4rem;text-align: left;}
h2{font-size: 1.3rem;}
header h2{font-size:1.6rem;}
header p{margin:0 0 .5rem 0;font-size:1rem;}
main{flex-flow:row wrap;}
.main-content{flex:1 4 calc(60% - 1em);max-width: 60%;} /* aside-r is (40% - 1em) */
.leftpanel{padding-right:1em;flex:0 1 100%;}
.rightpanel{padding:0 .5rem;flex:0 1 100%;text-align:center;}
.headline{order:1}
.info{order:2}
.image{order:4}
.notes{order:3}
.aside-l article{margin: .25em .5em .375em .5em;flex:1 1 33%;}
.aside-r{flex:0 1 40%;max-width: 40%;} /* main-content is (60% - 1em) */
.aside-l{flex:1;}
.aside .buy{width:15vw;margin-left:1vw;margin-right:1vw;}
.intros-leftpanel{flex:0 2 calc(65% - 1em);display: flex;flex-flow:row wrap;justify-content:center;} /* matches .referrals-leftpanel (35% - 1em) */
.intro-30-30, .intro-private{flex:0 1 calc(50% - 1em);}
.intro-30-30{order:1;}
.intro-private{order:2;}
.intros-note{order:3;flex:0 1 100%;}
.referrals-leftpanel{flex:0 1 calc(35% - 1em);} /* matches .intros-leftpanel (65% - 1em) */
/* styling */
input[type=checkbox]:checked ~ .menu{display:block;background:var(--grn-lt);font-size:1.1rem;text-align:center;display:flex;flex-direction:row;flex:0 0 100%;}
input[type=checkbox]:checked ~ .menu a{background-color:var(grn-lt);font-size:1rem;padding:.75rem 1rem;outline:none;border:0;flex:0 1 auto;}
img{margin:.5rem 0;max-width: 70%;}
.mobilenav{display:none;}
.nomobile{display:block;}
.notablet{display:none;}
.pricing-option{flex:0 1 100%;}
.widget{max-width:95%;}
.desc, .desc-priv{min-height:0;}
/* tabbed content */
.tabcontent * .leftpanel{flex:0 1 100%; width:100%;font-size:.9em;order:2;}
.tabcontent * .rightpanel{display: none;}
}

@media screen and (min-width:1025px){
/* structure */
h1{font-size:1.6rem;}
h2{font-size:1.5rem;}
p{font-size:1em;}
nav{background-color:var(--ylw-lt);justify-content:center;}
.bodhileaf{display:none;}
/* styling */
header{margin:0;padding-left:0;background:none;color:var(--grn-dk);border:0;font-size:1.6rem;}
img{max-width:100%;}
.logo{padding:.5rem;background:none;border:none;max-width:9em;height:auto;flex:3;display:flex;}
nav .menu{background-color:var(--grn-md);display:flex;}
nav .menu a{background-color:var(--grn-md);outline:none;border:0;padding:.65em .95em;font-size:1.08em;flex:0 1 auto;}
nav .menu a:hover{background-color:var(--grn-hover);}
nav label{display:none;}
nav img{border:0;}
.about-us:after{content:" Us";}
.contact-us:after{content:" Us";}
.main-content{flex:2 2 calc(65% - 2em);}
.aside-r{flex:1 1 calc(35% - 1em);max-width: 40%;}
.aside-l{flex:1;}
.leftpanel{padding-right:1em;flex:0 1 calc(65% - 1em);}
.rightpanel{padding:.5rem;flex:0 1 calc(35% - 1em);text-align:center;}
.grid-mbsr{margin:2rem;display:grid;grid-gap:3rem 1rem;grid-template-columns:[intro] 1fr [meditation] 1fr;grid-template-rows:repeat(6, 1fr);}
.grid-video{margin:2rem;display:grid;grid-gap:1rem 1rem;grid-template-columns:[intro] 1fr [meditation] 1fr;grid-template-rows:repeat(2, 1fr);}
.headline{order:1}
.info{order:2}
.image{order:3}
.notes{order:4}
.notablet{display:block;}
footer{padding:.875rem;}
/* miscellaneous */
.mobile{display:none;}
.tablet{display:none;}
.option h6, .autorenew h6{padding:0;font-size:.95em;}
.option button, .autorenew button{max-height:2em;}
.pricing-option{flex:0 1 calc(49% - 1em);}
.pricing-buy-button{padding:.25rem 1rem;background:var(--grn-md);}
.desc{min-height:8em;}
/* tabbed content */
.tabcontent * .rightpanel{display:block;padding:.5rem;flex:0 1 calc(35% - 1em);text-align:center;order:3;}
.tabcontent * .leftpanel{padding-right:2em;flex:0 1 calc(65% - 1em);font-size:.9em;order:2;}
}

@media screen and (min-width:1201px){
h1{font-size:1.7rem;}
header{font-size: 1.7rem;}
.main{flex-flow:row nowrap;}
.main-content, .main-content2{order:2;flex:2.2;}
.main-content, .main-content2 h2{text-align: left;}
.aside{margin:1rem;}
.aside-l{order:1;flex:1;display:block;}
.aside-l .heading{flex:0 1 100%;}
.aside-l article{margin: 1.25em 1.25em .375em 1.25em;flex:0 1 100%;}
.aside-r{order:3;flex:1;max-width:23.8%;display:flex;justify-content:center;}
.intros-note{order:1;}
.intros-30-30{order:2;}
.intros-private{order:3;}
.pricing-option-sch{width:50%;}
.pricing-option{width: 50%;}
}