body {font-family: forma-djr-display, sans-serif; font-weight: 400; font-style: normal; color: #252525; font-size: 14px;}

h1, h2, h3, h4, h5, h6 {font-size: 26px; margin: 0; line-height: normal; font-weight: 700; letter-spacing: 1px;}

p {font-size: 18px; letter-spacing: 0.5px; margin: 0;}

a:hover {text-decoration: none;}

/*General Styles*/

.desktop {display: block;}

.mobile {display: none;}

.tablet {display: none;}

.banner-spacer {padding: 0px 0px;}

.navbar-spacer {padding: 10px 0px;}

.content-spacer {padding: 60px 0px;}

.text-spacer {display: inline-block; width: 100%; /* margin: 10px 0px; */}

.footer-spacer {padding-top: 30px; padding-bottom: 30px;}

.float {display: none;}

.text {padding: 50px 25px;}

.icons img {max-width: 120px; border-radius: 50%; border: #36c6e8 medium solid;}

.left {float: left; padding: 10px; text-align: left;}

.icons-text {display: grid; padding-top: 20px;}

/*General Styles*/


/*navbar*/

.navbar {width: 100%; background-color: #36c6e8; display: block; padding: 0px;}

.logo img {width: 100%; max-width: 220px;}

/*navbar*/


/*Banner*/

.banner {background-color: #36bfe8; color: #fff; background-image: url(../images/banner.svg); background-position: center; background-repeat: repeat; background-size: contain; height: 500px; margin-top: 60px;}

.bannertext {padding: 90px;}

.banner-image img {float: right;}

.heading h1 {font-size: 50px;}

.mobile-center {text-align: left;}

.number-link {display: inline-block;}

/*Banner*/


/*Call to action*/

.c2a {width: 100%; background-color: #36c6e8; color: #fff; text-align: center;}

.c2a-spacer {padding: 20px 0px;}

.c2a p {font-size: 30px;}

strong {font-size: 35px; font-weight: 500;}



/*Call to action*/


/*Buttons*/

.banner-button {width: 100%; background-color: #f5f5f5; display: inline-block; border-radius: 35px;}

.banner-button h3 {padding: 10px 50px; color: #36c6e8;  font-weight: 500; letter-spacing: 1px;}

.navbar-button {text-align: center; font-size: 22px; padding: 5px; width: 100%; max-width: 200px; background-color: #f5f5f5; color: #36c6e8; font-weight: 500; float: right; margin-top: 10px; margin-right: 10px; border-radius: 35px}

.s5-button-1 {width: 100%; background-color: #36c6e8; display: inline-block; max-width: 200px; border-radius: 35px;}

.s5-button-1 h3 {padding: 10px 40px; color: #fff;  font-weight: 500; letter-spacing: 1px; }

.s5-button-2 {width: 100%; background-color: #36c6e8; display: inline-block; border-radius: 35px;}

.s5-button-2 h3 {padding: 10px 50px; color: #fff;  font-weight: 500; letter-spacing: 1px;}

/*Buttons*/



/*Main*/

.section-box {background-color: #f1f1f1; border-radius: 35px; width: 80%; margin: 50px auto;}

/*.section-box {background-color: #f1f1f1; width: 100%; margin: 50px auto;} PICK ONE*/

.sectionone {text-align: center; display: block;}

.sectiontwo {}

.sectiontwo img {float: left; max-width: 700px; border-top-left-radius: 35px; border-bottom-left-radius: 35px;}

.sectionthree {width: 80%; display: block; margin: 0 auto;}

.sectionfour {}

.sectionfour img {float: right; max-width: 700px; border-top-right-radius: 35px; border-bottom-right-radius: 35px;}

.sectionfive {text-align: center;}

/*Main*/


/*Footer*/

.footer {background-color: #252525; color: #fff;}

.footer p {font-size: 16px}

.footer-text {padding: 20px 30px;}

.footer img {max-width: 310px;}

/*Footer*/


/*Responsive*/

.ie-div {display: block;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

.ie-div {display: none;}

}



/*XL Devices*/

@media only screen and (min-width: 1200px) and (max-width: 1366px) {

.content-spacer {padding: 40px 0px;}

.banner-image img {max-width: 720px;}

.heading h1 {font-size: 45px;}

.sectiontwo img {max-width: 600px;}

.sectionfour img {max-width: 600px;}

.banner {max-height: 400px;}

.text {padding: 0px 10px 0px 20px;}

.navbar-button {max-width: 200px; margin-right: 10px;}

.footer-text {padding-top: 10px;}

.mobile-center {text-align: left;}

.bannertext {padding: 50px;}

.section-box {width: 90%; margin: 50px auto;}

.footer-text {padding: 20px 30px;}



}

/*XL Devices*/


/*iPad Pro/Large Tablets*/

@media only screen and (min-width: 1024px) and (max-width: 1200px) {

h1, h2, h3, h4, h5, h6 {font-size: 18px;}

p {font-size: 14px}

.content-spacer {padding: 40px 0px;}

.banner-image img {max-width: 560px;}

.banner {height: 312px;}

.bannertext {padding: 30px; margin-top: 10px;}

.heading h1 {font-size: 30px;}

.logo img {max-width: 220px;}

.navbar-button {max-width: 200px; margin-right: 10px; }

.section-box {border-radius: 35px; width: 90%; margin: 20px auto;}

.sectiontwo img {max-width: 450px;}

.sectionthree {width: 90%;}

.sectionfour img {max-width: 450px;}

.text {padding: 0px 15px;}

.icons img {max-width: 100px;}

.mobile-center {text-align: left;}

.footer {height: 104px;}

.footer img {padding: 15px 0px;}

.footer-text {font-size: 14px; padding: 14px 10px;}

}

/*iPad Pro/Large Tablets*/


/*Medium Tablets*/

@media only screen and (min-width: 770px) and (max-width: 1023px) {

}

/*Medium Tablets*/


/*iPad/iPad Mini and small tablets*/

@media only screen and (min-width: 520px) and (max-width: 769px) {

h1, h2, h3, h4, h5, h6 {font-size: 22px;}

p {font-size: 16px}

.desktop {display: none;}

.tablet {display: block;}

.tablet-off {display: none;}

.content-spacer {padding: 30px 0px;}

.banner-image img {max-width: 440px;}

.banner {height: 244px;}

.bannertext {padding: 30px; margin-top: 10px;}

.heading h1 {font-size: 26px;}

.logo img {max-width: 220px;}

.navbar-button {max-width: 200px; margin-right: 10px; }

.section-box {border-radius: 35px; width: 90%; margin: 10px auto;}

.sectionone {text-align: center;}

.sectiontwo img {max-width: 350px;}

.sectionthree {width: 90%; text-align: center;}

.sectionfour img {max-width: 350px;}

.text {padding: 10px 30px;}

.icons img {max-width: 100px;}

.icons-text {text-align: center;}

.left {float: none; padding: 10px; text-align: center;}

.mobile-center {text-align: center;}

}

/*iPad/iPad Mini and small tablets*/


/*iPhone X/XR/XS/8/8 Plus Large Smartphones*/

@media only screen and (min-width: 321px) and (max-width: 519px) {

h1, h2, h3, h4, h5, h6 {font-size: 22px;}

p {font-size: 16px}

.desktop {display: none;}

.mobile {display: block;}

.tablet {display: none;}

.content-spacer {padding: 30px 0px;}

.navbar-button {font-size: 15px; max-width: 170px; margin-right: 0px; margin-top: 0px; margin: 5px} 

.logo img {width: 100%; max-width: 150px;}

.banner {float: none; margin-top: 0px; background-size: cover; height: 490px; text-align: center;}

.banner img {width: 100%;}

.bannertext {padding: 40px 20px; margin-top: 60px;}

.heading h1 {font-size: 30px;}

.banner-image img {display: none;}

.banner-button {margin: 0 auto;}

.banner-button h3 {font-size: 22px;}

.icons img {max-width: 100px; margin-top: 25px;}

.left {float: none; text-align: center;}

.section-box {background-color: #f1f1f1; border-radius: 35px; width: 100%; margin: 20px auto;}

.sectiontwo img {display: none;}

.sectionthree {text-align: center;}

.sectionthree h4 {padding-top: 0px;}

.sectionfour img {display: none;}

.sectionfive h6 {padding-top: 40px;}

.text {padding: 10px 30px;}

.footer-text {padding: 20px;}

.footer img {max-width: 200px;}

.float {position: fixed; width: 70px; height: 70px; bottom: 20px; right: 20px; background-color: #36c6e8; color: #fff; border-radius: 50%; text-align: center; font-size: 30px; z-index: 100; display: block; padding: 14px;}

.mobile-center {text-align: center;}

}

/*iPhone X/XR/XS/8/8 Plus Large Smartphones*/


/*iPhone SE/5*/

@media only screen and (min-width: 100px) and (max-width: 320px) {

h1, h2, h3, h4, h5, h6 {font-size: 16px;}

p {font-size: 12px;}

.desktop {display: none;}

.tablet {display: none;}

.mobile {display: block;}

.content-spacer {padding: 40px 0px; }

.navbar-button {font-size: 15px; max-width: 150px; margin-right: 0px; margin-top: 0px; margin: 5px} 

.navbar {}

.logo img {width: 100%; max-width: 150px;}

.banner {float: none; margin-top: 0px; background-size: cover; height: 450px; text-align: center;}

.banner img {width: 100%;}

.bannertext {padding: 40px; margin-top: 60px;}

.banner-image img {display: none;}

.heading h1 {font-size: 25px;}

.banner-button {margin: 0 auto;}

.sectiontwo img {display: none;}

.sectionthree h4 {padding-top: 0px;}

.sectionfour img {display: none;}

.icons img {max-width: 80px; margin-top: 20px;}

.icons-text {padding-top: 5px;}

.left {float: none; text-align: center;}

.section-box {background-color: #f1f1f1; border-radius: 35px; width: 100%; margin: 20px auto;}

.sectionthree {text-align: center;}

.sectionfive h6 {padding-top: 20px;}

.text {padding:10px 30px;}

.footer-text {padding: 20px;}

.footer img {max-width: 200px;}

.footer p {font-size: 12px}

.float {position: fixed; width: 70px; height: 70px; bottom: 20px; right: 20px; background-color: #36c6e8; color: #fff; border-radius: 50%; text-align: center; font-size: 30px; z-index: 100; display: block; padding: 14px;}

.mobile-center {text-align: center;}

}

/*iPhone SE/5*/

/*Responsive*/