main {font-family: 'Lato', sans-serif; font-size: 16px;}
main h1, main h2, main h3, main h4, main h5, main h6, main p {line-height: 1.25em;}
main h1, main h2, main h3, main h4, main h5, main h6 {margin: 0; padding: 0;}
main h1, main .h1 {font-size: 3.5em;}
main h2, main .h2 {font-size: 3em;}
main h3, main .h3 {font-size: 2.5em;}
main h4, main .h4 {font-size: 2em;}
main h5, main .h5 {font-size: 1.5em;}
main h6, main .h6 {font-size: 1em;}
main p, main .p {font-size: 1em;}
main img {max-width: 100%; display: block; margin: auto;}
main .row {margin: 0;}
main .mcontainer-full {max-width: 1900px; margin: auto;}
main .mcontainer {max-width: 1200px; margin: auto;}
main .relative {position: relative;}
main .absolute {position: absolute;}
main .top-quote {text-align: center; max-width: 1200px; margin: auto; padding-top: 2em; padding-bottom: 2em; }
main .section-hero {background-color: #212121;}

main .our-mission-text {top: 41%; left: 53%; max-width: 33%;}
main .our-mission-text p {text-align: right;  font-size: 1vw;}

main .section-key-features {background: url('RTX2080Ti_panels_bg.png');}
main .section-key-features .mcontainer {max-width: 900px;}
main .section-key-features .mcontainer li {font-size: 1.6rem;}
main .section-key-features .mcontainer .row {margin-top: 2em; margin-bottom: 2em;}
main .oled-gif {border: solid #f26522 1px;}

main .section-highlights {background: url('RTX2080Ti_panels_bg.png');}
main .section-highlights .row {margin: 2em auto; padding: 2em;}
main .section-highlights .highlight-bg-1 {background: url('2080Ti_KPE_panel_01.jpg'); background-size: cover;}
main .section-highlights .highlight-bg-2 {background: url('2080Ti_KPE_panel_02.jpg'); background-size: cover;}
main .section-highlights .highlight-bg-3 {background: url('2080Ti_KPE_panel_03.jpg'); background-size: cover;}
main .section-highlights .highlight-bg-4 {background: url('2080Ti_KPE_panel_04.jpg'); background-size: cover;}
main .section-highlights p {font-size: 2em;}
main .section-highlights .row {display: flex; align-items: center; justify-content: center;}
main .section-fabs .column-12 {display: flex; align-items: center; justify-content: center;}
main .section-fabs .column-12 div {margin: auto;}

main .section-spec span {color: #d5652c; }
main .section-spec {background: url('KPE_specs_bg_v2.jpg'); background-size: contain;}

main ul {margin: 30px 25px;}

main .desktop {display: block;}
main .mobile {display: none;}
main ul li {font-size: 1.2rem;}

main .video-div { background-color: red;opacity: 0.0;height: 100%;position: absolute;width: 100%;z-index: 999;}
main .video-container {height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; z-index: 2}
main .video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

main .nav-bg {background: rgba(20, 20, 20, 0.75); border-bottom: 1px solid #555; position: relative; z-index: 999;}
main .nav {display: flex; justify-content: center; list-style: none; margin: 0 auto; max-width: 1200px; text-transform: uppercase;}
main .nav li {cursor: pointer; margin: 0; padding: 0.5em 1em;}
main .nav li.nav-active {color: #aea57a; font-weight: 700;}
main .nav li:hover, .nav a:hover {background-color: #333; color: #aea57a;}
main .is-sticky .nav-bg {width: 100%;}

.video-container {height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

main .associate-row {background: url('header_background.jpg')}
main .section-associates {padding: 4em 0;}
main .section-associates a {font-size: 2em;}
main .flex-center {display: flex; align-items: center; justify-content: center; text-align: center;}
main .associate-text {text-shadow: -2px -2px #d36314;}

main .header-associate {top: 28%; left: 60%; max-width: 27%;}

.buy-now-button {
	background-color:#44c767;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:3px solid #0f701a;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	padding:10px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
  margin: 2em;
}
.buy-now-button:hover {
	background-color:#5cbf2a;
}
.buy-now-button:active {
	position:relative;
	top:1px;
}

.associate-button {
	background-color:#f7a20f;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:3px solid #ab9319;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	padding:8px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #663428;
  margin: 2em;
}
.associate-button:hover {
	background-color:#ffaa00;
}
.associate-button:active {
	position:relative;
	top:1px;
}
@media (min-width: 2000px)
{
  main .our-mission-text p {font-size: 1em;}
  main .header-associate {max-width: 271px;}
}


@media (max-width: 850px)
{
  main .desktop {display: none;}
  main .mobile {display: block;}
  main .section-highlights p {font-size: 1em;}
  main .section-highlights .row {display: block;}
  main .section-fabs .column-12 {display: block;}
  main .section-fabs .column-12 div {margin: 1em auto;}
  main h1, main h2, main h3, main h4, main h5, main h6, main p {margin: 1em;}
  main ul li {font-size: .9rem;}
  main .top-quote h4 {font-size: 1.4em;}
  main .section-key-features .mcontainer li {font-size: 1.2rem;}
  main .section-associates h2 {font-size: 1.2rem;}
  main .section-associates a {font-size: 1em;}
}