html, body			{ height:100%;
    	              width:100%;
    	              padding:0px;
	                  margin:0px;   
	                  background:#fff;
                      font-family:Roboto, Helvetica, Arial, sans-serif; 
                      font-size:12px;
                      color:#333;
                    }
.wrapper            { height:100%;
                      width:100%;
                      margin: 0;
                      overflow-y:scroll;
                    }
#divBody            { background:url('/images/pricelist_mobile.jpg') no-repeat top center;
                      background-size:contain;
                      padding:90px 0 20px 10px;
                      font-family:Courier;
                    }
.dept               { font-weight:bold;
                      font-size:15px;
                      color:#fa8001;
                      font-family:Roboto, Helvetica, Arial, sans-serif;
                    }
li                  { font-style: oblique; }
li:hover            { color:#ff0000 }
ul                  { padding-left: 30px }
.remarks            { font-family: Roboto, Helvetica, Arial, sans-serif;
                      font-size:13px;
                      padding:5px;
                      border-radius:5px;
                      color:#ff6347;
                      background: #fffafa;
                      width:390px;
                    }
@media screen and (min-width:650px){
   html, body	    { font-size:14px }
   #divBody         { background:url('/images/pricelist.jpg') no-repeat top left;
                      padding:180px 0 0 110px;
                    }
   .wrapper         { width: 698px;
                      margin: 0 auto;
                    }
   .dept            { font-size:25px }
   ul               { padding: 0 30px }
   .remarks         { width:440px; }
}