main {font-family: 'Rubik', sans-serif; font-size: 16px;}
main h1 {font-size: 4em; line-height: 1em;}
main h2 {font-size: 3em; font-weight: 700; line-height: 1em; margin-bottom: 0.5em;}
main h3 {font-size: 2em; line-height: 1em; margin-bottom: 1em;}
main h4 {font-size: 1.5em; line-height: 1em;}
main .hue-animation {animation: color-hue 11s 0.2s linear infinite;}
main img {display: block; margin: 0 auto; max-width: 100%;}
main .mcontainer {max-width: 1600px; margin: 0 auto;}

@keyframes color-hue {
   from {
   -webkit-filter: hue-rotate(0deg);
   filter: hue-rotate(0deg);
  }
   to {
   -webkit-filter: hue-rotate(359deg);
   filter: hue-rotate(359deg);
  }
}

main .bg1 {background: url('header_bg1.jpg') center fixed; background-size: cover;}
main .bg2 {background: url('header_bg2.jpg') center fixed; background-size: cover;}
main .header-padding {padding-bottom: 43%;}
body {overflow-x: hidden;}
main .gradient-bar {background: linear-gradient(to right, #763dca, #5b4ad6);min-height: 6px;}
main .header-items-container {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0;}
main .header-overlay {position: relative;display: block;width: 100%;height: 100%;}
main .header-item-box {z-index: 2; position: absolute; top: 22%; left: 11%;width: 23%;}
main .header-item-logo {z-index: 1; position: absolute; top: 0%; left: 50%;width: 40%;}
main .header-item-product {z-index: 2; position: absolute; top: 22%; left: 67%;width: 25%;}
main .header-rgb {z-index: 1; position: absolute; top: 59%; left: 50%;width: 9%;}

main .image-1-box {z-index: 2; position: absolute; top: 0%; left: 0%; transform:translate(5%,15%);}
main .image-1-link {z-index: 2; position: absolute; top: 0%; left: 0%;}
main .image-2-link {z-index: 3; position: absolute; top: 0%; left: 0%;}
main .item-product-img {transform:translate(-8%,15%);}
main .image-1-logo {z-index: 2; position: absolute; top: 0%; left: 0%; transform: translateX(-50%);}
main .image-rgb {z-index: 3; position: absolute; top: 0%; left: 0%; transform: translate(-50%,345%);}
main .rtx-logo {margin-bottom: 3em; margin-top: 3em; padding: 0.5em;}

main .section-text p {font-size: 2em; padding: 2em;}
main .img-product {margin-bottom: 1em; border: .2em solid #5b4ad6}
main sup {vertical-align: super; font-size: 70%;}
main .features-header {margin-top: 1em; margin-bottom: 1em; color: #5b4ad6;}
main .features-items li {font-size: 2.5em; }
main .features-items {margin-bottom: 8em; padding: 1em;}
main .section-slots img {margin: 3em auto; }
main .three-slot {min-height: 296px;}
main .section-slots {padding-bottom: 5em; margin-bottom: -3px;}
main .purple {color: #5b4ad6; margin-top: 1em;}
main .top-pn {font-size: 2em;}
main .bot-pn {font-size: 1.5em; font-weight: 700;}
main .thin {font-weight: 100;}


main .buynow {
	-moz-box-shadow:inset 0px 0px 15px 3px #000d21;
	-webkit-box-shadow:inset 0px 0px 15px 3px #000d21;
	box-shadow:inset 0px 0px 15px 3px #000d21;
	background-color:#000000;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	border-radius:40px;
	border:8px solid #5b4ad6;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:28px;
	padding:15px 44px;
	text-decoration:none;
	margin-top: 1em;
}
main .buynow:hover {
	background-color:#5b4ad6;
}
main .buynow:active {
	position:relative;
	top:1px;
}

@media (max-width: 850px)
{
	main {font-size: 12px !important;}
	main h1 {font-size: 3em !important;}
	main h2 {font-size: 2em !important;}
	main h3 {font-size: 1.75em !important;}
	main h4 {font-size: 1.5em !important;}
	main h5 {font-size: 1.25em !important;}
	main h6 {font-size: 1em !important;}
	main p, main li {font-size: 1em !important;}
}