body {background: url('bg3.jpg') center no-repeat; background-attachment: fixed; background-size: cover;}
main {font-family: 'Rubik', sans-serif; font-size: 16px;}
main h1 {font-size: 3em; font-weight: 900;}
main h2 {font-size: 2.5em; font-weight: 900;}
main h3 {font-size: 2em; font-weight: 900;}
main h4 {font-size: 1.75em; font-weight: 900;}
main h5 {font-size: 1.5em; font-weight: 900;}
main h6 {font-size: 1em; font-weight: 900;}
main p {font-size: 1em;}
main ul {margin: 0 0 0 1.25em;}
main h1, main h2, main h3, main h4, main h5, main h6, main p, main li {margin-bottom: 0.5em; line-height: 1.25em;}
main h1:last-child, main h2:last-child, main h3:last-child, main h4:last-child, main h5:last-child, main h6:last-child, main p:last-child, main li p:last-child {margin-bottom: 0;}
main img {max-width: 100%; vertical-align: bottom;}

.f900 {font-weight: 900;}
.text-center {text-align: center;}

section {padding: 3em 2em 0em;}
.mcontainer {max-width: 1920px; margin: auto;}
.mcontainer.container-medium {max-width: 1080px;}
.row {padding-bottom: 1em;}

.section-header {padding: 5%; background: url('PX1_article_header.jpg') center no-repeat; background-size: cover;}
.section-intro {padding: 3% 5%; background: linear-gradient(to right, #486bd5, #5b4ad6);}
.section-intro p {font-size: 1.75em;}
.section-features {padding: 3%;}
.section-features p {min-height: 4em;}
.section-comingsoon {padding: 3%; background: linear-gradient(to right, #486bd5, #5b4ad6); font-size: 4em; font-weight: 900;}

.section-download {background: linear-gradient(to right, #486bd5, #5b4ad6);}
.section-download .download-button {background: #00f; border: 4px solid #fff; border-radius: 8px; color: #fff; display: block; font-size: 1.25em; margin-bottom: 15px; padding: 30px; text-align: center; text-decoration: none; text-transform: uppercase; transition: 0.5s all;}
.section-download .download-button:hover {background: #fff; color: #00f;}

.accordion-header {border: 1px solid #fff; cursor: pointer; font-size: 1.5em; margin-top: 2px !important; margin-bottom: 0 !important; padding: 0.5em;}
.accordion-header .fa {float: right; transition: 0.5s all;}
.accordion-header.on {border-bottom: none;}
.accordion-header.on .fa {transform: rotate(-180deg);}
.accordion-content {border: 1px solid #fff; border-top: none; display: none; padding: 1em;}

.download-prior {font-weight: 700; margin-top: 2em; margin-bottom: 0.5em;}

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


@media (max-width: 1024px)
{
	main {font-size: 14px;}
}

@media (max-width: 850px)
{
	main {font-size: 12px;}
	main h2 {text-align: center;}
	section {padding: 1em;}
	.section-header, .section-intro, .section-features {padding: 1em;}
	.section-intro p {font-size: 1.25em;}
}