body,html{width:100%;height:100%}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:#219acd;-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s}
a:focus,a:hover{color:#fff}
hr{max-width:100px;margin:25px auto 0;border-width:10px;border-color:rgba(34,34,34,.1)}
hr.light{border-color:#fff}
h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-weight:200;letter-spacing:1px}
p{font-size:1.6rem;font-weight:200;margin-bottom:20px}
img{max-width:100%;height:auto}
section{padding:7.5rem 0}
.hidden {position:absolute;top: -9999px;left: -9999px;}
@media screen and (min-width:1300px){.container{max-width:1220px}}


#mainNav{border-color:rgba(34,34,34,.05);background-color:#fff;-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-weight:200;border-bottom:1px solid rgba(34,34,34,.15)}
#mainNav .navbar-brand{color:#212529;font-weight:700}
#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#9e4fbc}
#mainNav .navbar-toggler{font-size:12px;padding:8px 10px;color:#212529}
#mainNav .navbar-nav>li>a{font-size:1rem;font-weight:500;padding-left:1.5rem;padding-right:1.5rem}
#mainNav .navbar-nav>li>a.active{color:#9e4fbc!important;background-color:transparent;font-weight:500}
#mainNav .navbar-nav>li>a.active:hover{background-color:transparent;font-weight:500}
#mainNav .navbar-nav>li>a,#mainNav .navbar-nav>li>a:focus{color:#212529}
#mainNav .navbar-nav>li>a:focus:hover,#mainNav .navbar-nav>li>a:hover{color:#9e4fbc}
@media (min-width:992px){#mainNav{background-color:transparent}
#mainNav .navbar-brand{color:fade(white,70%)}
#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#212529}
#mainNav .navbar-nav>li>a,#mainNav .navbar-nav>li>a:focus{color: #212529}
#mainNav .navbar-nav>li>a:focus:hover,#mainNav .navbar-nav>li>a:hover{color:#212529}
#mainNav.navbar-shrink{border-color:rgba(34,34,34,.1);background-color:#fff}
#mainNav.navbar-shrink .navbar-brand{color:#212529}
#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color:#9e4fbc}
#mainNav.navbar-shrink .navbar-nav>li>a,#mainNav.navbar-shrink .navbar-nav>li>a:focus{color:#212529}
#mainNav.navbar-shrink .navbar-nav>li>a:focus:hover,#mainNav.navbar-shrink .navbar-nav>li>a:hover{color:#9e4fbc}}


header.masthead{position:relative;width:100%;padding-top:150px;padding-bottom:100px;color:#111;background:#fff}
header.masthead .header-content{margin-bottom:100px;text-align:center;padding-top:4rem !important}
header.masthead .header-content h1{font-weight:700;color:#219acd}
@media screen and (min-width: 320px) {header.masthead .header-content h1 {font-size:3.2rem}}  
@media screen and (min-width: 768px) {header.masthead .header-content h1 {font-size:4.5rem}}  
@media screen and (min-width:320px) and (max-width:991px) {header.masthead .container {margin-bottom:6.5rem}}  /* add padding underneath hero image */
header.masthead .header-content h2{margin-top:-2.5rem !important;margin-bottom:3rem}
@media screen and (min-width: 320px) and (max-width:767px) {header.masthead .header-content h2{font-size:2.1rem;margin-top:-2.5rem !important;margin-bottom:3rem}}
header.masthead .device-container{max-width:325px;margin-right:auto;margin-left:auto}
header.masthead .device-container .screen img{border-radius:3px}
@media screen and (max-width:991px){header.masthead{padding-bottom:0}}
@media (min-width:992px) {header.masthead{padding-top:0;padding-bottom:0}
header.masthead .header-content{margin-bottom:0;padding-top:10rem;text-align:left}
@media screen and (min-width:991px) {header.masthead .align-self-end img {margin-bottom:20rem;padding-left:0.6rem}}
@media screen and (min-width:1200px) {header.masthead .align-self-end img {margin-bottom:12rem}}
header.masthead .device-container{max-width:325px}}


section.features .section-heading{margin-bottom:6rem}
section.features .section-heading h2{margin-top:0;font-size:2.1rem}
@media screen and (min-width:768px) {section.features .section-heading h2{font-size:3rem}}
@media screen and (min-width:992px) {section.features .section-heading h2{font-size:3.2rem}}
section.features .section-heading p{margin-bottom:0}
section.features .device-container,section.features .feature-item{max-width:325px;margin:0 auto}
section.features .device-container{margin-bottom:100px}
@media (min-width:992px){section.features .device-container{margin-bottom:0}}
section.features .feature-description p{font-size:14px;font-weight:200}
section.features .feature-item{padding-top:50px;padding-bottom:50px;text-align:center}
section.features .feature-item h3{font-size:30px}


section.info{background:#219acd;padding:20px 0;font-size:14px;color:#fff}
section.info .info-item{margin:1rem auto}
section.info .info-num{font-size:1rem;color:#fff}
@media screen and (min-width:320px) {section.info .info-num{font-size:2rem}}
@media screen and (min-width:768px) {section.info .info-num{font-size:2.5rem}}
@media screen and (min-width:992px) {section.info .info-num{font-size:3rem}}
@media screen and (min-width:320px) {section.info p{font-size:1.2rem;line-height:-0.5rem}}
@media screen and (min-width:768px) {section.info p{font-size:1.2rem}}
@media screen and (min-width:992px) {section.info p{font-size:1.5rem}}


section.download{background:#b21f2a;color:#fff}
section.download{padding: 3.5rem 0}
section.download .section-heading h2{font-size:3.7rem !important;margin-top:0}
@media screen and (min-width:320px) and (max-width:570px) {section.download .section-heading h2{font-size:3rem !important;margin-top:0}}
@media (min-width:992px) {section.download .section-heading h2{font-size:2.5rem}}
section.download .section-heading h3{font-size:1.7rem;font-weight:500;line-height:2.5rem}
section.download .section-heading ul li{font-size:1.6rem;font-weight:200;line-height:2.5rem}
section.download .device-container,section.download .download-item{max-width:325px;margin:0 auto}
section.download .device-container{margin-bottom:100px}
@media (min-width:992px) {section.download .device-container{margin-bottom:0}}
section.download .download-description p{font-size:14px;font-weight:200}
section.download .download-item{padding-top:50px;padding-bottom:50px;text-align:center}
section.download .download-item h3{font-size:30px}


section.instructions{background:#fff}
section.instructions .section-heading h2{font-size:3.7rem !important; margin-top:0}
@media (min-width:992px) {section.instructions .section-heading h2{font-size:2.5rem}}
section.instructions .section-heading h3{font-size:1.7rem;font-weight:500;line-height:2.5rem}
section.instructions .section-heading p{margin-bottom:0}
section.instructions .section-heading ul li{font-size:1.6rem;font-weight:200;line-height:2.5rem}
section.instructions .device-container,section.instructions .instructions-item{max-width:325px;margin:0 auto}
@media (min-width:992px) {section.instructions .device-container{margin-bottom:0}}
section.instructions .instructions-description p{font-size:14px;font-weight:200}
section.instructions .instructions-item{padding-top:50px;padding-bottom:50px;text-align:center}
section.instructions .instructions-item h3{font-size:30px}
section.instructions h5{padding-top:0.3rem;line-height:1.3rem;font-size:0.9rem}


section.about{background:#f6f6f4}
section.about .section-heading h2{font-size:3.7rem !important;margin-top:0}
@media screen and (min-width:320px) and (max-width:570px) {section.about .section-heading h2{font-size:3rem !important;margin-top:0}}
@media (min-width:992px) {section.about .section-heading h2{font-size:2.5rem}}
section.about .section-heading h3{font-size:2.2rem !important;margin-top:0}
section.about .section-heading h3{font-size:1.7rem;font-weight:500;line-height:2.5rem}
section.about .section-heading p{margin-bottom:0}
section.about .section-heading ul li{font-size:1.6rem;font-weight:200;line-height:2.5rem}
section.about .device-container,section.about .about-item{max-width:325px;margin:0 auto}
section.about .device-container{margin-bottom:100px}
@media (min-width:992px) {section.about .device-container{margin-bottom:0}}
section.about .about-description p{font-size:14px;font-weight:200}
section.about .about-item{padding-top:50px;padding-bottom:50px;text-align:center}
section.about .about-item h3{font-size:30px}
section.about p{padding-top:2.3rem;}


footer{padding:7.5rem 0;text-align:center;color:#fff;background-color:#666666;}
footer p{font-size:1rem;margin:0}
footer ul {margin-bottom:0}
footer ul li a{font-size:16px;color:#fff}
footer ul li a.active,footer ul li a:active,footer ul li a:focus,footer ul li a:hover{text-decoration:none}


.no-gutter>[class*=col-]{padding-right:0;padding-left:0}
.mh-feature{max-width:100%}
.mh-feature img{max-height:600px}
.mh-headline{font-weight:700;font-size:2rem;padding: 0.5rem 1rem 0 0;margin-bottom:0}
@media screen and (min-width:768px) {.mh-headline{font-size: 2.5rem}}
@media screen and (min-width:992px) {.mh-headline{font-size: 3.5rem}}
.mh-inline-badge{border:0;width:18px;height:18px;margin:0;margin-top:-0.2em !important}
.mh-disclaimer{font-size:0.8rem;margin:0;padding-top:7rem}
.mh-cutoff{border-bottom:1px solid #dcdcdc}
.mh-caption{padding-top:0.3rem;line-height:1.3rem;font-size:0.9rem}
.mh-button{background-color:#9e4fbc;border-radius:28px;border:1px solid #9e4fbc;display:inline-block;cursor:pointer;color:#fff;font-family:Arial;font-size:1.4rem;padding:16px 33px;text-decoration:none}
.mh-button:hover{background-color:#7f3f97;color:#fff}
.mh-button:active{position:relative;top:1px;color:#fff}
.mh-button:visited{color:#fff}