@media screen {
body {
	width: 100%;
}
}

@media print {
body {
	width: 100%;
}
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
section{width:95%;}
}

@media only screen and (max-width: 640px) {
section{width:92%;}
.logo{text-align:center;}
.addresstext{text-align:center;}
.phonetext{text-align:center;
margin-top:1%;}
.websitetext{text-align:center;}

.workordertext{font-size:25px;}
.workordernumber a{font-size:25px;}

.logoleft{float:none;
margin:0px auto;
width:100%;
height:auto;}
.headerright{float:none;
margin:0px auto;
width:100%;
height:auto;
margin-top:2%;}


.box5bg{float:none;
margin:0px auto;
width:99%;
font-size:17px;}
.box4bg{
	float:none;
	margin:0px auto;
	width:99%;}
	
.box1bg input{width:90%;}
.box3bg input{width:50%;}
.box4bg input{width:70%;}

.workordertext{font-size:19px;}
.box3bg tr th{font-size:12px;}
.comments1{float:none;
margin:0px auto;
width:98%;}
.comments2{float:none;
margin:0px auto;
width:98%;}
}

@media only screen and (max-width: 480px) {
section{width:92%;}
.logo{text-align:center;}
.addresstext{text-align:center;}
.phonetext{text-align:center;
margin-top:1%;}
.websitetext{text-align:center;}

.workordertext{font-size:25px;}
.workordernumber a{font-size:25px;}

.logoleft{float:none;
margin:0px auto;
width:100%;
height:auto;}
.headerright{float:none;
margin:0px auto;
width:100%;
height:auto;
margin-top:2%;}


.box5bg{float:none;
margin:0px auto;
width:99%;
font-size:17px;}
.box4bg{
	float:none;
	margin:0px auto;
	width:99%;}
	
.box1bg input{width:90%;}
.box3bg input{width:50%;}
.box4bg input{width:70%;}

.workordertext{font-size:19px;}
.box3bg tr th{font-size:12px;}
.comments1{float:none;
margin:0px auto;
width:98%;}
.comments2{float:none;
margin:0px auto;
width:98%;}
}

@media only screen and (max-width: 479px) {
section{width:92%;}
.logo{text-align:center;}
.addresstext{text-align:center;}
.phonetext{text-align:center;
margin-top:1%;}
.websitetext{text-align:center;}

.workordertext{font-size:25px;}
.workordernumber a{font-size:25px;}

.logoleft{float:none;
margin:0px auto;
width:100%;
height:auto;}
.headerright{float:none;
margin:0px auto;
width:100%;
height:auto;
margin-top:2%;}


.box5bg{float:none;
margin:0px auto;
width:99%;
font-size:17px;}
.box4bg{
	float:none;
	margin:0px auto;
	width:99%;}
	
.box1bg input{width:90%;}
.box3bg input{width:50%;}
.box4bg input{width:70%;}

.workordertext{font-size:19px;}
.box3bg tr th{font-size:12px;}
.comments1{float:none;
margin:0px auto;
width:98%;}
.comments2{float:none;
margin:0px auto;
width:98%;}
}