:root {

	/* Page Sizes */
	--topspace:8rem;
	--edgespace:0;
	--edgespace:.75rem;
	--pagewidth:100rem;
	--aspectratio:56.25%;

	/* Theme Colors */
	/* --red:#cb5660; */
	--green:#82d482;
	/* --cyan:#23eef2; */

	/* Theme: Ask Shampoo */
	--socialbtncolor:white;
	/* Primary Button */
	--primaryctabg:white;
	--primaryctafg:black;
	--hoverprimaryctabg:var(--green);
	--hoverprimaryctafg:black;
}




/* Base */
html,
body {background-color:black; color:white;}
body {font-family:Nunito,sans-serif; text-align:center; margin:0;}
/* div#container {display:flex; flex-direction:column; align-items:center;} */
div#container {justify-content:space-between;}
div#container {/* position:relative; */ /* text-transform:uppercase; */ /* max-width:100em; */ min-height:100vh; margin:0 auto;}
/* Button Links */
/* div#container a.btn {text-transform:uppercase;} */




/* Navigation Menu */
div#container nav.navbar {position:absolute; top:0; width:100%; z-index:100;}
div#container nav.navbar {padding:var(--edgespace);}
/* Navigation Menu List */
/* div#container nav.navbar div.navmenu {} */
/* div#container nav.navbar div.navmenu ul.navlist {} */
div#container nav.navbar div.navmenu ul.navlist {justify-content:flex-end;}
/* div#container nav.navbar div.navmenu ul.navlist li.navitem {} */
div#container nav.navbar div.navmenu ul.navlist li.navitem a.navlink {min-width:6em;}
div#container nav.navbar div.navmenu ul.navlist li.navitem a.navlink.pr {background-color:white; color:black;}




/* General Section */
/* div#container section {} */
/* div#container section div.bin {} */
div#container section div.bin h1.head {font-size:1.75em; margin:0; margin:.75rem 0;}
/* div#container section div.bin h1.head {display:none;} */
/* div#container section div.bin h1.head span.caption {} */
div#container section div.bin h1.head span.caption:first-child::after {content:':';}
div#container section div.bin h2.head {font-size:1.5em; text-transform:uppercase;}
/* div#container section div.bin h2.head {display:none;} */




/* Footer */
div#container footer.footer {background-color:var(--backcolor);}
/* div#container footer.footer div.bin {} */
/* Footer Navigation Menu List */
div#container footer.footer div.bin div.techhub {text-transform:initial;}
/* div#container footer.footer div.bin div.socialhub {} */
/* div#container footer.footer div.bin div.socialhub ul.navlist {} */
/* div#container footer.footer div.bin div.socialhub ul.navlist li.navitem {} */
/* div#container footer.footer div.bin div.socialhub ul.navlist li.navitem a.navlink {} */
/* div#container footer.footer div.bin div.socialhub ul.navlist li.navitem a.navlink svg.icon {display:none;} */
/* div#container footer.footer div.bin div.socialhub ul.navlist li.navitem a.navlink span.caption {display:block;} */







/* Large Screen */
@media screen and (max-width:64rem) {


	/* Base */
	/* div#container {} */
	/* Button Links */
	/* div#container a.btn {} */

	/* Navigation Menu */
	/* div#container nav.navbar {} */


	/* General Section */
	/* div#container section {} */
	/* div#container section div.bin {} */


	/* Hero Section */
	/* div#container section.hero {} */
	/* div#container section.hero div.bin {} */
	/* Hero Vignette */
	/* div#container section.hero div.bin div.vignette {} */
	/* Hero Vignette Head */
	/* div#container section.hero div.bin div.vignette div.head {} */
	/* Hero Vignette Body */
	/* div#container section.hero div.bin div.vignette div.body {} */


	/* Footer */
	/* div#container footer.footer {} */
}


/* Medium Screen */
@media screen and (max-width:48rem) {


	/* Base */
	/* div#container {} */
	/* Button Links */
	/* div#container a.btn {} */

	/* Navigation Menu */
	/* div#container nav.navbar {} */


	/* General Section */
	/* div#container section {} */
	/* div#container section div.bin {} */


	/* Hero Section */
	/* div#container section.hero {} */
	/* div#container section.hero div.bin {} */
	/* Hero Vignette */
	/* div#container section.hero div.bin div.vignette {} */
	/* Hero Vignette Head */
	/* div#container section.hero div.bin div.vignette div.head {} */
	div#container section.hero div.bin div.vignette div.head p.textcopy {font-size:1.125em;}
	/* Hero Vignette Body */
	/* div#container section.hero div.bin div.vignette div.body {} */


	/* Footer */
	/* div#container footer.footer {} */
}


/* Small Screen */
@media screen and (max-width:32rem) {


	/* Base */
	div#container {min-height:87.5vh;}
	/* Button Links */
	/* div#container a.btn {} */

	/* Navigation Menu */
	/* div#container nav.navbar {} */
	/* div#container nav.navbar div.navmenu {} */
	/* div#container nav.navbar div.navmenu ul.navlist {} */
	/* div#container nav.navbar div.navmenu ul.navlist li.navitem {} */
	div#container nav.navbar div.navmenu ul.navlist li.navitem a.navlink {font-size:.75em;}
	/* div#container nav.navbar div.navmenu ul.navlist li.navitem a.navlink.pr {display:none;} */


	/* General Section */
	/* div#container section {} */
	/* div#container section div.bin {} */
	div#container section div.bin h1.head {display:flex; flex-direction:column;}
	/* div#container section div.bin h1.head span.caption {} */
	div#container section div.bin h1.head span.caption:first-child::after {content:'';}


	/* Hero Section */
	/* div#container section.hero {} */
	div#container section.hero div.bin {height:auto;}
	div#container section.hero div.bin img.logo {display:block;}
	div#container section.hero div.bin video.promo {display:none;}
	/* Hero Vignette */
	div#container section.hero div.bin div.vignette {position:static; padding-top:0;}
	/* Hero Vignette Head */
	/* div#container section.hero div.bin div.vignette div.head {} */
	div#container section.hero div.bin div.vignette div.head p.textcopy {font-size:1em;}
	/* Hero Vignette Body */
	/* div#container section.hero div.bin div.vignette div.body {} */
	/* div#container section.hero div.bin div.vignette div.vidremote {} */
	div#container section.hero div.bin div.vignette div.vidremote button.playtogglebtn {display:none;}


	/* Footer */
	/* div#container footer.footer {} */
	/* Footer Navigation Menu List */
	/* div#container footer.footer div.bin div.socialhub ul.navlist {} */
	/* div#container footer.footer div.bin div.socialhub ul.navlist li.navitem {} */
	/* div#container footer.footer div.bin div.socialhub ul.navlist li.navitem a.navlink {} */
	/* div#container footer.footer div.bin div.socialhub ul.navlist li.navitem a.navlink svg.icon {display:block;} */
	/* div#container footer.footer div.bin div.socialhub ul.navlist li.navitem a.navlink span.caption {display:none;} */
}