.section-one{
	background: url("../images/section-one-background.png");
	background-size: cover;
}

.section-three{
	background: url("../images/section-three-background.png");
	background-size: cover;
}


.section-one-container{
	position: relative
}

.title-container h1{
	font-family: 'Product Sans';
	text-transform: uppercase;
	text-align: center;
	padding-top: 18%;
	    font-size: 35pt;
}

.title-intro {
    background: #02d2fe;
    border-radius: 0px 150px 0px 150px;
    -webkit-border-radius: 0px 250px 0px 250px;
    -moz-border-radius: 0px 150px 0px 150px;
    width: 61%;
    margin-left: auto;
    margin-right: auto;
    padding: 2%;
}

.title-intro p{
	margin-bottom: 0;
	font-family: 'Product Sans';
	text-transform: uppercase;
	text-align: center;
	color: white
}

.intro-image {
    width: 42%;
    padding-top: 8%;
    position: absolute;
}
.download-container {
    text-align: center;
    width: 55%;
    margin: 0 auto;
    padding-top: 20%;
}

.download-container img{
	padding: 2%
}

.download-container p{
	margin-bottom: 0;
	color: white;
	font-family: 'Product Sans';
	font-weight: normal;	
}

.download-img{
	    padding-top: 5%;
    padding-bottom: 7%;
	text-align: center
}

.section-two{
	text-align: center;
	padding-bottom: 5%;
	padding-top: 2%
}

.section-two h2{
	font-family: 'Product Sans';
	padding-top: 15%;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 35pt;
}

.section-two p{
	font-family: 'Product Sans';
}

.support-container {
    padding-top: 15%;
    width: 55%;
    margin-left: 15%;
}

.support-container img{
	padding-bottom: 3%
}

.section-three{
	padding-top: 3%;
}

.benefit-container{
	text-align: center;
	font-family: 'Product Sans';
	color: white
}

.benefit-image{
	text-align: center
}

.mobile-show{
	display: none
}

@media screen and (min-width: 430px) and (orientation: portrait) {
    .download-container {
        text-align: center;
        width: 90%;
        margin: 0 auto;
        padding-top: 128% !important;
    }	
}

@media screen and (min-width: 390px) and (orientation: portrait) {
    .download-container {
        text-align: center;
        width: 90%;
        margin: 0 auto;
        padding-top: 115% !important;
    }	
}

@media screen and (min-width: 414px) and (orientation: portrait) {
    .download-container {
        text-align: center;
        width: 90%;
        margin: 0 auto;
        padding-top: 80% !important;
    }	
	    .intro-image {
        width: 67% !important;
        padding-top: 5%;
        top: 13% !important;
        left: 15% !important;
        position: absolute;
    }
}

@media only screen and (max-width: 440px)
{
	.desktop-show{
		display: none
	}
	.mobile-show{
		display: block
	}
	.title-intro {
    background: #02d2fe;
    border-radius: 0px 150px 0px 150px;
    -webkit-border-radius: 0px 250px 0px 250px;
    -moz-border-radius: 0px 150px 0px 150px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 2%;
}
	.title-container h1 {
    font-family: 'Product Sans';
    text-transform: uppercase;
    text-align: center;
    padding-top: 4%;
    font-size: 19pt;
}
	.section-one-container{
		position: relative;
    padding-top: 5%;
}
	
     .intro-image {
        width: 64% !important;
        padding-top: 5%;
        top: 16% !important;
        left: 18% !important;
        position: absolute;
    }
    .download-container {
        text-align: center;
        width: 60% !important;
        margin: 0 auto;
        padding-top: 79.5% !important;
    }
	
}


@media screen and (max-width: 768px) and (orientation: portrait) {
.download-container p {
    margin-bottom: 0;
    color: white;
    font-family: 'Product Sans';
    font-weight: normal;
    font-size: 11pt;
}
	.logo{
		width: 20% !important;
    margin: 0 auto;
    padding-top: 12%;
	}
	.desktop-show{
		display: none
	}
.mobile-show{
	display: block
}
.title-container h1 {
    font-family: 'Product Sans';
    text-transform: uppercase;
    text-align: center;
    padding-top: 2%;
    font-size: 25pt;
}	
.title-intro {
    background: #02d2fe;
    border-radius: 0px 150px 0px 150px;
    -webkit-border-radius: 0px 250px 0px 250px;
    -moz-border-radius: 0px 150px 0px 150px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding: 2%;
}
    .intro-image {
        width: 85%;
        padding-top: 5%;
        top: 13%;
        left: 8%;
        position: absolute;
    }
.download-container {
    text-align: center;
    width: 90%;
    margin: 0 auto;
    padding-top: 100%;
}
.section-two h2 {
    font-family: 'Product Sans';
    padding-top: 15%;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 27pt;
}
.section-two p {
    font-family: 'Product Sans';
    font-size: 10pt;
}
.support-container {
    padding-top: 2%;
    width: 76%;
    margin-left: 11%;
}
	.benefit-container h2{
		font-size: 17pt;
	}
	.benefit-container p{
		    font-size: 10pt;
	}
}

@media screen and (max-width: 1024px) and (orientation: landscape) {
	.title-container h1 {
    font-family: 'Product Sans';
    text-transform: uppercase;
    text-align: center;
    padding-top: 18%;
    font-size: 25pt;
}
.title-intro {
    background: #02d2fe;
    border-radius: 0px 150px 0px 150px;
    -webkit-border-radius: 0px 250px 0px 250px;
    -moz-border-radius: 0px 150px 0px 150px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 2%;
}
.download-container {
    text-align: center;
    width: 96%;
    margin: 0 auto;
    padding-top:52%
	}
	.intro-image {
    width: 53%;
    padding-top: 5%;
    position: absolute;
}
.section-two h2 {
    font-family: 'Product Sans';
    padding-top: 15%;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 25pt;
}
.section-two p {
    font-family: 'Product Sans';
    font-size: 10pt;
}
.support-container {
    padding-top: 15%;
    width: 91%;
    margin-left: 15%;
}
	.benefit-container h2{
		    font-size: 15pt;
	}
	
	.benefit-container p{
		font-size: 10pt;
	}
.section-three {
    padding-top: 2%;
    padding-bottom: 2%;
}
}