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

/*parallax-css*/
.background { background-repeat:no-repeat; background-position:50% 50%;}
.fullscreen { height:100%; overflow:hidden;}

/*parallax-id*/
#parallax { width:100%; float:left; margin:174px 0 128px;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
#parallax { width:100%; float:left; margin:32px 0 40px;}
}

@media screen and (min-width:481px) and (max-width:600px) {
#parallax { width:100%; float:left; margin:32px 0 40px;}
}

@media screen and (min-width:601px) and (max-width:767px) {
#parallax { width:100%; float:left; margin:32px 0 40px;}
}

@media screen and (min-width:768px) and (max-width:900px) {
#parallax { width:100%; float:left; margin:114px 0 68px;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
#parallax { width:100%; float:left; margin:144px 0 98px;}
}

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

}