<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*font*/
@font-face {
  font-family: 'lobster';
  src: url("../fonts/Lobster-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'satisfy';
  src: url("../fonts/Satisfy-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'brush';
  src: url("../fonts/brush-script-mt-kursiv.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.lobster{
	font-family: 'lobster', cursive;
}

.satisfy{
	font-family: 'satisfy', cursive;
}

.brush{
	font-family: 'brush', cursive;
}

.font-lg-600pc{
	font-size: 600%;
}

.font-lg-400pc{
	font-size: 400%;
}

.font-lg-300pc{
	font-size: 300%;
}

.font-lg-100pc{
	font-size: 100%;
}

.font-lg-200pc{
	font-size: 200%;
}


/*padding-margin*/
.pa-lr-lg-200{
	padding-left: 200px;
	padding-right: 200px;
}

.pa-t-lg-200{
	padding-top: 200px;
}

.mg-l-lg-20{
	margin-left: 20px;
}

.mg-r-lg-20{
	margin-right: 20px;
}

.mg-r-lg-50{
	margin-right: 50px;
}

.mg-b-lg-20px{
	margin-bottom: 20px;
}


/*size*/
.mw-70{
	width: 70%;
}

.mw-50{
	width: 50%;
}

.mw-40{
	width: 40%;
}

/*iPad in ngang*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
}

/*iPad in doc*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
}

/*iPad 3,4 in portrait &amp; landscape ngang*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
	
}


/*iPad 3,4 in portrait &amp; landscape doc*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
	
}

/*iPhone 6 in ngang*/
@media only screen 
and (min-device-width : 360px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
	.pa-lr-xs-0{
		padding-left: 0;
		padding-right: 0;
	}
}

/*iPhone 6 in doc*/
@media only screen 
and (min-device-width : 360px) 
and (max-device-width : 667px) 
and (orientation : portrait) {
	.pa-lr-xs-0{
		padding-left: 0;
		padding-right: 0;
	}
	
	.pa-t-xs-50{
		padding-top: 50px;
	}
	
	.font-xs-300pc{
		font-size: 300%;
	}
	
	.font-xs-200pc{
		font-size: 200%;
	}
	
	.font-xs-150pc{
		font-size: 150%;
	}
	
	header .header-info p img {
		width: 20%;
	}
}

/*iPhone 5 &amp; 5S in ngang*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
	.pa-lr-xs-0{
		padding-left: 0;
		padding-right: 0;
	}
}

/*iPhone 5 &amp; 5S in doc*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
	.pa-lr-xs-0{
		padding-left: 0;
		padding-right: 0;
	}
	
	.font-xs-300pc{
		font-size: 300%;
	}
	
	.font-xs-200pc{
		font-size: 200%;
	}
	
	.font-xs-150pc{
		font-size: 150%;
	}
	
	.mg-r-xs-5{
		margin-right: 5px;
	}

	.mg-r-xs-5{
		margin-right: 5px;
	}
		
}</pre></body></html>