main.product{background-color:rgb(0,0,0);}
main.product .hero{color:rgb(255,255,255);}
main.product .hero .intro{width:90%;max-width:1050px;margin:0 auto;padding:0;display:flex;justify-content:space-between;}
main.product .hero .intro > *{width:48%;}
main.product .hero .intro .price span{font-size:50%;}

main.product .hero .intro .price {width:100%;display:flex;justify-content:space-between;}
main.product .hero .intro .price span{font-size:50%;}
.hero .prodColors{display:flex;justify-content:flex-end;align-items:center;}
.hero .prodColors > *{margin-right:1em;}
.hero .prodColors > div{width:1em;height:1em;border:.15em solid rgb(0,0,0);border-radius:50%;}
.hero .prodColors .yellow{background-color:rgb(252,212,26);}
.hero .prodColors .midnightBlue{background-color:rgb(0,66,105);}
.hero .prodColors .blue{background-color:rgb(0,80,147);}
.hero .prodColors .red{background-color:rgb(133,44,44);}
.hero .prodColors .white{background-color:rgb(255,255,255);}
.hero .prodColors .black{background-color:rgb(0,0,0);border-width:.05em;border-color:rgb(150,150,150);}

main.product .hero .retailers{display:block;columns:3;}
main.product .hero .details{
	width:90%;
	max-width:1050px;
	margin:10px auto 20px auto;
	display:block;
}
main.product .hero .details nav{width:100%;}
main.product .hero .details nav ul{width:100%;margin:0;padding:0;display:block;text-align:left;border-bottom:1px solid rgb(255,255,255);}
main.product .hero .details nav ul li{margin:0 1px 0 0;padding:5px 10px;display:inline-block;border:1px solid rgb(255,255,255);border-bottom:0;border-radius: 4px 4px 0 0;cursor:pointer;}
main.product .hero .details nav ul li.active{color:rgb(0,0,0);background-color:rgb(255,255,255);}
main.product .hero .details nav ul li:hover:not(.active){background-color:rgb(235,0,0);}
main.product .hero .details > div{padding:40px 0;display:none;}
main.product .hero .details > div:first-of-type{display:block;}
main.product .hero .details > div.active{display:block;}
main.product .hero .details .feature-icons, main.product .hero .details .feature-text{width:100%;margin:0 0 60px 0;display:block;}
main.product .hero ul.feature-icons li{width:50px;height:50px;margin:0 .5%;display:inline-block;border:2px solid rgb(255,255,255);border-radius:5px;}

main.product .hero .details .specs .row{width:100%;padding:20px 0 40px 0;border-bottom:1px solid rgb(255,255,255);}
main.product .hero .details .specs .row > *{margin:0 20px 10px 0;display:inline-block;}
main.product .hero .details .specs .row h4{width:25%;font-weight:normal;}
main.product .hero .details .specs .row p{width:70%;font-weight:100;}

main.product section{color:rgb(255,255,255);}
main.product section.text-black{color:rgb(0,0,0);}
main.product section:nth-of-type(odd){color:rgb(0,0,0);background-color:rgb(255,255,255);}

main.product section header{width:100%;height:50vh;min-height:500px;background-size:cover;background-position: center center;}
main.product section .social-icons a{width:50px;height:50px;display:inline-block;}
main.product section .social-icons a img{width:50%;height:50%;padding:25%;}

main.product section.user-photos article{padding:2% 0;}
main.product section.user-photos article > div{width:90%;}

main.product-eol .hero ul{display:block;text-align:center;}
main.product-eol .hero ul.feature-icons{margin-top:3em;}
main.product-eol .hero ul.feature-icons li{width:9%;margin:0 .5%;display:inline-block;border:2px solid rgb(255,255,255);border-radius:5px;}
main.product-eol .hero ul.feature-text, main.product-eol .hero ul.feature-text, main.product-eol .hero .retailers{margin-bottom:1.5em;text-align:left;}
main.product-eol .hero ul.feature-icons li img, main.product .hero ul.feature-icons li img{width:95%;height:auto;}
main.product-eol .hero ul.feature-text li, main.product .hero ul.feature-text li{margin-bottom:10px;list-style-type:disc;list-style-position: inside;text-indent: -1em;padding-left: 1em;}
main.product-eol .hero .retailers li{width:30%;margin:1%;display:inline-block;}

main.product-eol .hero h2{text-transform:uppercase;}
main.product-eol section.content-footer img{width:100%;height:auto;}

main.product-category{margin-top:110px;}
main.product-category header article{width:90%;max-width:1050px;margin:0 auto;padding:10px 0;display:block;text-align:left;}
main.product-category header h1{text-transform:uppercase;}
main.product-category header p{font-size:1.5em;font-weight:300;}

main.product-category article.product-list{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;}
main.product-category article.product-list a{width:30%;margin:1.5%;text-align:center;}
main.product-category article.product-list a img{width:60%;height:auto;margin:0 auto;display:block;}
main.product-category article.product-list a .new-tag{width:25%;height:auto;top:2%;right:2%;z-index:10;position:absolute;}
main.product-category article.product-list a h3{text-transform:uppercase;}