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

#curve1 { width:200%; float:left; background:#ffffff; transform:rotate(354deg); overflow:hidden; margin:0 0 0 -47.77%;}
#curve2 { width:200%; float:left; background:#ffffff; transform:rotate(354deg); overflow:hidden; margin:-5.2% 0 0 -47.66%;}
.overflow { width:100%; float:left; overflow:hidden;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
#curve1 { margin:0 0 0 -38.8%;}
#curve2 { margin:-5.2% 0 0 -38.2%;}
}

@media screen and (min-width:481px) and (max-width:600px) {
#curve1 { margin:0 0 0 -40.2%;}
#curve2 { margin:-5.2% 0 0 -39.5%;}
}

@media screen and (min-width:601px) and (max-width:767px) {
#curve1 { margin:0 0 0 -41.2%;}
#curve2 { margin:-5.2% 0 0 -40.8%;}
}

@media screen and (min-width:768px) and (max-width:900px) {
#curve2 { margin:-5.2% 0 0 -47.2%;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
#curve2 { margin:-5.2% 0 0 -47.4%;}
}

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

}