@charset "utf-8";
/* CSS Document */


@media only screen and (min-width: 535px) {

	.reasonCellEmpty {
		width: 250px;	
	}
	
}




@media only screen and (min-width: 700px) {
	

	.logo {
		width: 363px;
		margin: 100px 0 40px 0;
	}
	
	.titleRowPic {
		height: 300px;
		background-position: left 45% bottom 0;
	}	
	
	.tagLine {
		width: 240px;
		margin: 145px 0 0 0;
		letter-spacing: 0;
	}
	
	.glowEnv {
		width: 561px;
		top: 80px;
		left: 40px;
	}

	.glow {
		margin-bottom: 30px;
	}
	
	.titleRowLine img {
		width: 100%;
	}	
	

	.sloganRow {
		margin: 225px 0 0 0;
	}

	

	.signupRowLeft {
		width: 30%;
		margin: 50px 5% 0 0;
		text-align: right;
	}

	.signupRowRight {
		width: 55%;
	}

	
	.reasonRow {
		height: 1300px;
	}
	

	/*
    .reasonCell {
        width: 210px;
		margin: 0 20px 50px 0;
    }
	*/
	
	.reasonRowLeft {
		width: 50%;
		margin: 100px 0 0 0;
		text-align: right;
	}
	

    .reasontitleCell {
        padding-bottom: 50px;
    }
	
	
	.featureProductRow {
		height: 300px;
	}
	
	
	.advantageRowLeft {
		width: 52%;
		text-align: right;
	}

	.advantageRowRight {
		width: 48%;
		margin: 100px 0 0 0;
	}

	.advantageTextCell {
		margin: 0 20px 0 0;
	}	

	
	
	.portraitCellPortrait {	
		height: 600px;
	}

	.portraitCellText {
		height: 500px;
	}	
	
	
	
	
}


@media only screen and (min-width: 782px) {

    .advantageCell {
        width: 150px;	
    }
	

}




@media only screen and (min-width: 815px) {

	.reasonEnv {
        width: 84%;
    }
	
	.reasonRowLeft {
		width: 40%;
		margin: 100px 5% 0 0;
		text-align: right;
	}
	
	.reasonRow {
		height: 980px;
	}
	
    .reasonCell {
        width: 160px;
		margin: 0 20px 50px 0;
    }

	.advantageRowLeft {
		width: 45%;
	}

	.advantageRowRight {
		width: 55%;
	}
	
     .advantageCell {
        width: 160px;	
    }   
	
}





@media only screen and (min-width: 956px) {

     .reasonCell {
        width: 165px;	
     }
	

	 .advantageCell {
        width: 200px;	
     }  
	
}



@media only screen and (min-width: 1000px) {


	.portraitCellPortrait {	
		width: 40%;
		height: 675px;
	}

	.portraitCellText {
		width: 60%;
		height: 675px;
	}

	.portraitCellTextEnv {
		padding: 0 125px 0 125px;
	}	
	
}



@media only screen and (min-width: 1157px) {

    .advantageCell {
        width: 250px;	
    }
	

}




@media only screen and (min-width: 1184px) {

	
		.reasonRow {
			height: 655px;
		}
	
		.reasonRowLeft {
            width: 30%;
        }
	
		.reasonCell {
			width: 170px;	
		}

		.advantageRowLeft {
            width: 30%;
        }

		.advantageRowRight {
			width: 70%;
		}
	
		.advantageCell {
			width: 140px;	
		}
	
		.advantageTextCell {
			margin: 0 100px;
		}
	
}


@media only screen and (min-width: 1257px) {

      	.reasonCell {
      	    width: 200px;	
     	 }	
	
}



@media only screen and (min-width: 1000px) {
	
	.titleRowPic {
		height: 400px;
        background-position: center right;
		background-color: antiquewhite;
    }
	
	
	.glowEnv {
		width: 561px;
		top: 105px;
		left: 80px;
	}
	
	.glow {
		margin-bottom: 55px;
	}


	.signupRow {

	}
	

	
}