main {
				background-size: contain;
				background-position: center top;
				background-color: #000000; 
			}

			#intro .h2 {
				font-size: 7vw;
				color: #ffffff;
				padding: 15vh 5% 15vh 5%;
				margin: 0 auto;
				text-align: center;
			}
			
			article {background-color: #ffffff; padding: 0 0 6em 0;}

			.details {width: 100%; color: #444041;}
			.details b {text-transform: uppercase;}
			.details li {margin-bottom: 0.5em;}
			.details li li {list-style-type: disc; margin-left: 1em; margin-bottom: 0;}
			.details li li i {font-style: italic;}

			.specs {width: 95%; margin: 0 auto;}
		
			#pro,
			#nonpro {padding: 0 1.5em;}

			.sizes .block {
				color: #000000;
				font-weight: 500;
				font-size: 2em;
				text-align: center;
				margin: 0 auto 1.25em auto;
			}

			.sizes .h5 {
				color: #D50032;
				font-size: 1.5em;
				font-weight: 500;
				text-transform: none;
				letter-spacing: normal;
				margin-bottom: 1em;
			}

			.sizes .h5::after {content: ":";}

			.sizes .products {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				justify-content: space-evenly;
				margin: 0 auto;
				width: 100%;
				text-align: center;
				max-width: 25em;
			}

			.sizes .products li {margin: 0 auto 4em auto; min-width: 25%;}

			.sizes .products a:link {
				text-decoration: none; 
				color: #444041;
				padding: 1em;
				font-size: 1.125em;

				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;

				box-shadow: inset 0px 0px 0px 1px rgba(213,0,50,1);
				background-color: rgba(255,255,255,1);
				border: 1px solid rgba(213,0,50,1);
			}

			.sizes .products a:visited {
				text-decoration: none; 
				color: #444041;
				padding: 1em;
				font-size: 1.125em;

				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;

				box-shadow: inset 0px 0px 0px 1px rgba(213,0,50,1);
				background-color: rgba(255,255,255,1);
				border: 1px solid rgba(213,0,50,1);
			}

			.sizes .products a:hover {
				text-decoration: none; 
				color: #ffffff;
				padding: 1em;
				font-size: 1.125em;

				-webkit-box-shadow: inset 0px 0px 300px 200px #d50032;
				-moz-box-shadow: inset 0px 0px 300px 200px #d50032;
				box-shadow: inset 0px 0px 0px 300px #d50032;
				border: 1px solid transparent;
			}

			.sizes .products a:active {
				text-decoration: none; 
				color: #444041;
				padding: 1em;
				font-size: 1.125em;

				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;

				box-shadow: inset 0px 0px 0px 1px rgba(213,0,50,1);
				background-color: rgba(255,255,255,1);
				border: 1px solid rgba(213,0,50,1);
			}

			.sizes .products a:focus {
				text-decoration: none; 
				color: #ffffff;
				padding: 1em;
				font-size: 1.125em;

				-webkit-box-shadow: inset 0px 0px 300px 200px #d50032;
				-moz-box-shadow: inset 0px 0px 300px 200px #d50032;
				box-shadow: inset 0px 0px 0px 300px #d50032;
				border: 1px solid transparent;
			}

			main .button {
				margin: 2em auto 0 0;
				display: block;
				text-align: center;
				text-decoration: none;
				color: #FFFFFF;
				background-color: #d50032;
				padding: 0.5em 0 0.375em 0;
				font-size: 20px;
				font-weight: 500;
				width: 14em;
				
				-webkit-border-radius: 2em;
				-moz-border-radius: 2em;
				border-radius: 2em;
			}


			main .button:link {
				background-color: #d50032;
				color: #ffffff;

				-webkit-box-shadow: inset 0px 0px 300px 200px #d50032;
				-moz-box-shadow: inset 0px 0px 300px 200px #d50032;
				box-shadow: inset 0px 0px 0px 300px #d50032;
				border: 1px solid transparent;

				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
			}

			main .button:visited {
				background-color: #d50032;
				color: #ffffff;

				-webkit-box-shadow: inset 0px 0px 300px 200px #d50032;
				-moz-box-shadow: inset 0px 0px 300px 200px #d50032;
				box-shadow: inset 0px 0px 0px 300px #d50032;
				border: 1px solid transparent;

				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
			}

			main .button:hover {
				box-shadow: inset 0px 0px 0px 1px rgba(213,0,50,1);
				background-color: rgba(255,255,255,1);
				border: 1px solid rgba(213,0,50,1);
				color: #d50032;
			}

			main .button:active {
				background-color: #d50032;
				color: #ffffff;

				-webkit-box-shadow: inset 0px 0px 300px 200px #d50032;
				-moz-box-shadow: inset 0px 0px 300px 200px #d50032;
				box-shadow: inset 0px 0px 0px 300px #d50032;
				border: 1px solid transparent;

				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
			}

			main .button:focus {
				box-shadow: inset 0px 0px 0px 1px rgba(213,0,50,1);
				background-color: rgba(255,255,255,1);
				border: 1px solid rgba(213,0,50,1);
				color: #d50032;
			}

			main .pseudo,
			main .pseudo:link,
			main .pseudo:visited,
			main .pseudo:hover,
			main .pseudo:active,
			main .pseudo:focus {
				text-decoration: underline;
				width: auto;
				background-color: #ffffff;
				color: #d50032;
				-webkit-box-shadow: inset 0px 0px 300px 200px #ffffff;
				-moz-box-shadow: inset 0px 0px 300px 200px #ffffff;
				box-shadow: inset 0px 0px 0px 300px #ffffff;
				border: 1px solid #ffffff;
			}

			main .pseudo:hover,
			main .pseudo:focus {color: #444041; text-decoration: none;}


			.sizes .products .ui-sizes-active a:link {
				text-decoration: none; 
				color: #ffffff;
				padding: 1em;
				font-size: 1.5em;

				-webkit-box-shadow: inset 0px 0px 300px 200px #d50032;
				-moz-box-shadow: inset 0px 0px 300px 200px #d50032;
				box-shadow: inset 0px 0px 0px 300px #d50032;
				border: 1px solid transparent;
			}

			.sizes .product .img-container {margin: 0 0 3.5em 0; xborder-bottom: solid 2px #d50032;}

			.sizes .product strong {font-weight: normal;}

			@media only screen and (min-width: 600px){
				.sizes .products {max-width: none;}
			}

			@media only screen and (min-width: 650px){
				.sizes .products li {min-width: auto;}	
			}

			@media only screen and (min-width: 725px){
				.specs {width: 40em;}
				
				.sizes .product {
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					justify-content: space-evenly;
				}
			}

			@media only screen and (min-width: 950px){
				article .banner .img-container {max-width: 41em;}
				
				#pro, #nonpro {padding: 0 3em 5em 3em;}
				
				.specs {width: 90%; max-width: 32em; margin: 0.125em auto 0 0; padding: 0;}
				
				.sizes .details .compatability li {background-position: center left; margin: 0 auto 1em 0;}
				
				.sizes {
					margin: 0;
					display: flex;
					flex-direction: row;
					flex-wrap: nowrap;
					align-items: flex-start;
				}
			
				.sizes .products {width: 18em; margin: 1.125em auto 0 auto; float: left;}	
				.sizes .products li {margin: 0 auto 4em 0;}
				
				.sizes .product {margin-left: 5em;}
				.sizes .product .img-container {order: 1; margin: 0; border-bottom: none;}
				.sizes .block {order: 2; border-bottom: solid 2px #d50032; width: 100%; padding: 0 0 0.5em 0;}
				.sizes .details {order: 3; display: flex; justify-content: flex-start;}
				.sizes .details li {margin-bottom: 1em;}
				.sizes .details li li {margin-bottom: 0;}
				
				.sizes .details .compatability {width: 9em;}
				.sizes .details .compatability li {width: 100%; margin: 0 auto 0 0;}
				
				.button-group {
					margin-top: 3em;
					display: flex;
					flex-direction: row;
					flex-wrap: nowrap;
				}
				
				main .button {margin: 0 2em 0 0;}
				main .button:last-child {width: 14em;}
				
			}

			@media only screen and (min-width: 1000px){
				main {padding: 0 5% 5em 5%;}
				article {padding: 0 0 5em 0; background-color: transparent;}
				.tabs {background-color: #ffffff;}
				#intro .h2 {text-align: left; font-size: 4em; max-width: 14.5em; margin: 0 auto 0 0; padding: 15vh 0 15vh 0;}
			}

			@media only screen and (min-width: 1200px){
				.specs {max-width: none;}
				
				article .content {padding: 0 3em 8em 3em;}
			}

			@media only screen and (min-width: 1250px){
				.tabs .sizes .products {width: 185px; min-width: 185px; max-width: 185px;}
				.sizes .product {margin-left: 0;}
			}

			@media only screen and (min-width: 1500px){
				article {max-width: 1400px; margin: 0 auto;}
				
				main {background-attachment: fixed; background-size: cover;}
				
				#intro {max-width: 1400px; margin: 0 auto;}
				
				#intro .h2 {
					padding: 6.5em 0 3.75em 0;
					margin: 0;
					text-align: left;
					font-size: 4em;
					max-width: 13.5em;
				}
				
				.sizes .h5 {margin-bottom: 0.5em;}
				.sizes .products {min-width: 10em; float: none; max-width: 10em;}
				.sizes .product {justify-content: flex-end; align-items: flex-start;}
				.sizes .product .img-container {width: 50%; padding-right: 1.5em;}
				.sizes .block {width: 50%; text-align: left;}
				.sizes .details {display: block; width: 50%; margin-top: -19em;}
				
				.features li .tip {display: none;}
				
				.sizes .details li {margin-bottom: 0.5em;}
				.sizes .details li ul {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; margin-bottom: 1em;}
				.sizes .details li li {margin-right: 1em; list-style-type: none; margin-left: 0; height: 4em; width: 4em;}
				.sizes .details li li:hover .tip {
					display: block;
					background-color: rgba(0, 0, 0, 0.8);
					padding: 10px;
					position: relative;
					z-index: 1000;
					width: 300px;
					height: 80px;
					color: #ffffff;
					top: -3em;
					right: -2em;
				}
				
				.sizes .details li li:hover .tip strong {display: block; font-weight: 600;}
				.sizes .details li li:hover .tip i {}
				
				.sizes .details .specs {width: 100%; margin: 0; padding: 0;}
				.features b {display: none;}
			}

			@media only screen and (min-width: 1000px) and (max-height: 1100px){
				#intro .h2 {padding: 40vh 0 3em 5%;}	
			}
	
			@media only screen and (min-width: 1200px) and (min-height: 1100px) {
				main {padding: 0 5% 15em 5%;}
			}
			
			@media only screen and (min-width: 1400px) and (max-height: 1100px){
				#intro .h2 {padding: 40vh 0 4.5em 0;}	
			}