/* CSS Document */


.main {
  	max-width: 210mm; /* or 8.5in */
  	margin: 0 auto;
  	font-family: Roboto, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; 
	font-size: 12px;
}
.pos {
	border: solid 1px #999;
	font-family:'Roboto', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size:12px;
}
.bill_ship_title {
	color:#000; 
	font-size:12px; 
	color:#999; 
	padding-bottom:0px;
	padding-top: 10px;
	font-weight: bold;
}
.title1 {
	font-size: 16px;
	font-weight: bold;
	color: #0073ad;
}
.title2 {
	font-size: 28px;
	font-weight: bold;
	color: #0073ad;
}

.ssg_title {
	font-family: Roboto;
	padding-left:5px; 
	font-size: 12px;
	font-weight: 800;
	letter-spacing:2px; 
	color: #777;
	
	border-top:dashed 1px #BBB; 
	padding-left: 10px; 
	padding-top: 15px;
	
}
.ssg_total {
	font-family: Roboto;
	letter-spacing:2px; 
	font-size: 12px;
	font-weight: 800;
	color: #777;
	
	padding-left:10px; 
	padding-bottom: 10px;
	
}
.date {
	font-size: 16px;
	font-weight: bold;
	font-family: Roboto Mono;
	
}
.mono {
	font-family: Roboto Mono;
}
.num {
	font-family: Roboto Mono;
	font-size: 14px;
	text-align: right;
}
.t12 {
	font-family: Roboto;
	font-size: 12px;	
}

.paragraph {
    font-size: 14px; /* Default font size for desktop */
}

/* Media query for mobile devices (typically screens narrower than 768px) */
@media screen and (max-width: 767px) {
    .paragraph {
        font-size: 9px; /* Font size for mobile */
    }
}