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

/*parallax-css*/
.background { background-repeat:no-repeat; background-position:50% 50%;}
.fullscreen { height:100%; overflow:hidden;}
.parallex1 { width:100%; float:left; margin:28px 0 124px;}
.parallex2 { width:100%; float:left; margin:98px 0 108px;}
.parallex3 { width:100%; float:left; margin:113px 0 126px;}
.parallex4 { width:100%; float:left; margin:108px 0 118px;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.parallex1 { width:100%; margin:94px 0 96px;}
.parallex2 { width:100%; margin:94px 0 96px;}
.parallex3 { width:100%; margin:94px 0 96px;}
.parallex4 { width:100%; margin:94px 0 96px;}
}

@media screen and (min-width:481px) and (max-width:600px) {
.parallex1 { width:100%; margin:94px 0 96px;}
.parallex2 { width:100%; margin:94px 0 96px;}
.parallex3 { width:100%; margin:94px 0 96px;}
.parallex4 { width:100%; margin:94px 0 96px;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.parallex1 { width:100%; margin:94px 0 96px;}
.parallex2 { width:100%; margin:94px 0 96px;}
.parallex3 { width:100%; margin:94px 0 96px;}
.parallex4 { width:100%; margin:94px 0 96px;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.parallex1 { width:100%; margin:28px 0 84px;}
.parallex2 { width:100%; margin:58px 0 68px;}
.parallex3 { width:100%; margin:73px 0 86px;}
.parallex4 { width:100%; margin:73px 0 86px;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.parallex1 { width:100%; margin:28px 0 104px;}
.parallex2 { width:100%; margin:78px 0 88px;}
.parallex3 { width:100%; margin:93px 0 106px;}
.parallex4 { width:100%; margin:88px 0 98px;}
}

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

}