/*-----------     width 600 pixels      ---------     */

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

.col {
	width: 100%;
}
     /*----------- Index -------------*/
.indexMiddle {
    width: 90%;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 10px;
}
.indexMiddle h3 {
	font-size: 150%;
	padding-left: 0px;
}
.indexMiddle p {
    font-size: 100%;
    padding-bottom: 10px;
}
.bookletPic {
    width: 70%;
}
.newspaperPic {
    width: 80%;
}
.flatworkPic {
    width: 80%;
}
.menuPic {
    width: 60%;
	margin-left: auto;
	margin-right: auto;
}
.alignRight {
    text-align: center;
    padding-right: 0px;
}
.headerIcon {
	margin-right: 10px;
	height: 25px;
	margin-left: 15px;
}
.footer p {
	font-size: 70%;
}	

/* ---------------------------
/*          PRICES MIDDLE
-----------------------------*/
.pricesMiddle {
    padding-top: 20px;
}
.pricesMiddle h2 {
	font-size: 160%;
	padding-left: 0px;
	margin-top: 15px;
}
.pricesMiddle p {
	font-size: 90%;
	margin-bottom: 20px;
}
/* ---------------------------------
/*          REQUEST MIDDLE
-----------------------------------*/
.requestMiddle h2 {
	font-family: 'ZCOOL XiaoWei', serif;
	font-size: 160%;
	font-weight: 700;
	color: #9e1f22;
	padding-left: 15px;
	margin-top: 0px;
    text-decoration: none;
}
.requestMiddle h3 {
	font-family: 'Lato', sans-serif;
	font-size: 130%;
	font-weight: 700;
	color: #9e1f22;
	margin-top: 20px;
}
.privacyHead {
    font-family: 'Lato', sans-serif;
    font-size: 80%;
    font-weight: 700;
}
.privacyText {
    font-family: 'Lato', sans-serif;
    font-size: 70%;
    font-weight: 400;
    margin-bottom: 25px;
}
.inputLabel {
    font-size: 80%;
    margin: 0 0;
    padding-right: 5px;
}
.OrderFormInfo {
   text-align: left;
    width: 40%;
}
.label-right {
    text-align: center;
}
.input-left {
   text-align: left;
    width: 80%;
	margin-bottom: 20px;
}
	.input-leftPhone {
	margin-bottom: 20px;
}
/* ---------------------------------
/*          CONTACT US
-----------------------------------*/
.contactUs {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 10px;
	padding-bottom: 20px;
}
.contactUs h1 {
	font-size: 140%;
	padding-left: 0px;
}
.contactUs h2 {
	font-size: 120%;
	padding-left: 0px;
}
.contactIcon {
    font-size: 220%;
    color: #9e1f22;
    margin-bottom: 4%;
}
.senderPic {
    border-color: #9e1f22;
    border-style: ridge;
    border-width: 6px;
    width: 150%;
    height: auto;margin-top: 20px;
}	
/* ---------------------------------
/*          FAQ
-----------------------------------*/
.faq {
    width: 90%;
    padding-top: 10px;
}
.faq h1 {
	font-size: 140%;
}
.question {
    font-size: 90%;
}
.answer {
	font-size: 90%;
    margin-bottom: 10px;
    padding-left: 25px;
}	
/* ---------------------------------
/*          ABOUT US
-----------------------------------*/
.aboutMiddle {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 10px;
	padding-bottom: 20px;
}
.aboutMiddle h1 {
	font-size: 150%;
	padding-left: 0px;
}
.aboutMiddle h3 {
	font-size: 110%;
	font-weight: 700;
	color: #9e1f22;
	padding-left: 15px;
	margin-top: 0px;
    text-decoration: none;
}
.aboutMiddle p {
	font-family: 'Lato', sans-serif;
    line-height: 130%;
    text-align: left;
    margin-bottom: 20px;
}	
/* ---------------------------------
/*          MOBIL NAV
-----------------------------------*/	
	/*
.mobile-nav-icon {
	display: inline-block;
}
.main-nav {
   margin-top: 10px;
	font-size: 70%;
	margin-right: 25%;
}	
.main-nav li {
	display: block;
 }	
.main-nav li a:link,
 .main-nav li a:visited {
	 display: block;
     border: 0;
     padding: 10px 0;
     font-size: 100%;
    }	
	
	
*/	
	
	
	
	
	
	
	
	
	

    
    
    
}