@charset "utf-8";

/* CSS Document */



.background { background-repeat:no-repeat; background-position:50% 50%;}

.fullscreen { height:100%; overflow:hidden;}

#parallax1 { width:100%; float:left; margin:236px 0 244px;}

#parallax2 { width:100%; float:left; margin:216px 0 248px;}

#parallax3 { width:100%; float:left; margin:264px 0 226px;}

#parallax4 { width:100%; float:left; margin:46px 0 64px;}

#parallax5 { width:100%; float:left; margin:78px 0 94px;}

#parallax6 { width:100%; float:left; margin:140px 0 146px;}

#parallax7 { width:100%; float:left; margin:150px 0 72px;}



/*Smartphone css*/

@media screen and (max-width: 480px) {

#parallax1 { width:100%; margin:54px 0 60px;}

#parallax2 { width:100%; margin:54px 0 60px;}

#parallax3 { width:100%; margin:54px 0 60px;}

#parallax4 { width:100%; margin:60px 0 60px;}

#parallax5 { width:100%; margin:60px 0 98px;}

#parallax6 { width:100%; margin:52px 0 60px;}

#parallax7 { width:100%; margin:39px 0 17px;}

}



@media screen and (min-width:481px) and (max-width:600px) {

#parallax1 { width:100%; margin:54px 0 60px;}

#parallax2 { width:100%; margin:54px 0 60px;}

#parallax3 { width:100%; margin:54px 0 60px;}

#parallax4 { width:100%; margin:60px 0 60px;}

#parallax5 { width:100%; margin:60px 0 98px;}

#parallax6 { width:100%; margin:52px 0 60px;}

#parallax7 { width:100%; margin:39px 0 17px;}

}



@media screen and (min-width:601px) and (max-width:767px) {

#parallax1 { width:100%; margin:54px 0 60px;}

#parallax2 { width:100%; margin:54px 0 60px;}

#parallax3 { width:100%; margin:54px 0 60px;}

#parallax4 { width:100%; margin:60px 0 60px;}

#parallax5 { width:100%; margin:60px 0 98px;}

#parallax6 { width:100%; margin:52px 0 60px;}

#parallax7 { width:100%; margin:39px 0 17px;}

}



@media screen and (min-width:768px) and (max-width:900px) {

#parallax1 { margin:126px 0 124px;}

#parallax2 { margin:106px 0 138px;}

#parallax3 { margin:154px 0 116px;}

#parallax4 { margin:66px 0 44px;}

#parallax5 { margin:58px 0 74px;}

#parallax6 { margin:90px 0 96px;}

#parallax7 { margin:100px 0 52px;}

}



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

#parallax1 { margin:181px 0 179px;}

#parallax2 { margin:161px 0 193px;}

#parallax3 { margin:209px 0 171px;}

#parallax4 { margin:76px 0 54px;}

#parallax5 { margin:68px 0 84px;}

#parallax6 { margin:115px 0 121px;}

#parallax7 { margin:125px 0 62px;}

}



@media screen and (min-width:1025px) and (max-width:1240px) {

#parallax1 { width:100%; float:left; margin:216px 0 214px;}

#parallax2 { width:100%; float:left; margin:196px 0 228px;}

#parallax3 { width:100%; float:left; margin:244px 0 206px;}

}