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

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

#page1 .col-1 {width:800px; margin-right:35px;}
#page1 .col-2 {width:800px;}
#page1 .col-3 {width:800px; margin-right:40px;}

#aboutus .col-1 {width:800px; margin-right:35px;}
#aboutus .col-2 {width:800px;}
#aboutus .col-3 {width:800px; margin-right:40px;}

}


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

#page1 .col-1 {width:700px; margin-right:35px;}
#page1 .col-2 {width:700px;}
#page1 .col-3 {width:700px; margin-right:40px;}

#aboutus .col-1 {width:700px; margin-right:35px;}
#aboutus .col-2 {width:700px;}
#aboutus .col-3 {width:700px; margin-right:40px;}

#page1 footer  {width:700px; }
}

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

#page1 .col-1 {width:600px; margin-right:35px;}
#page1 .col-2 {width:600px;}
#page1 .col-3 {width:600px; margin-right:40px;}

#aboutus .col-1 {width:600px; margin-right:35px;}
#aboutus .col-2 {width:600px;}
#aboutus .col-3 {width:600px; margin-right:40px;}

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

#page1 .col-1 {width:500px; margin-right:35px;}
#page1 .col-2 {width:500px;}
#page1 .col-3 {width:500px; margin-right:40px;}

#aboutus .col-1 {width:500px; margin-right:35px;}
#aboutus .col-2 {width:500px;}
#aboutus .col-3 {width:500px; margin-right:40px;}
}

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

#page1 .col-1 {width:450px; margin-right:35px;}
#page1 .col-2 {width:450px;}
#page1 .col-3 {width:450px; margin-right:40px;}

#aboutus .col-1 {width:450px; margin-right:35px;}
#aboutus .col-2 {width:450px;}
#aboutus .col-3 {width:450px; margin-right:40px;}
}