@media ( orientation : portrait) {
	html, body {
		font-size: 1em;
		background-color: #fffef9;
	}
	
	.col{
		display: block;
		position: relative;
		margin: 0.5em;
	}
	
	.col1{
		display: block;
		position: relative;
		width: calc(100% - 1em);
		margin: 0.5em;
	}
	
	.col2{
		display: block;
		position: relative;
		width: calc(50% - 1em);
		margin: 0.5em;
	}
	.col3{
		display: block;
		position: relative;
		width: calc(33.3% - 1em);
		margin: 0.5em;
	}
	
	.col4{
		display: block;
		position: relative;
		width: calc(25% - 1em);
		margin: 0.5em;
	}
	
	.wmini{
		width: 4em !important;
	}
	.wsmall{
		width: 8em !important;
	}
	.wmid{
		width: 18em !important;
	}
	.wbig{
		width: 20em !important;
	}
	.wbigger{
		width: 20em !important;
	}
	.wbiggest{
		width: 20em !important;
	}
	.w100{
		width: 100% !important;
	}
	.whalf{
		width: 100% !important;
	}
	.mxwmini{
		max-width: 4em !important;
	}
	.mxwsmall{
		max-width: 8em !important;
	}
	.mxwmid{
		max-width: 18em !important;
	}
	.mxwbig{
		max-width: 22em !important;
	}
	.mxwbigger{
		max-width: 24em !important;
	}
	.mxwbiggest{
		max-width: 24em !important;
	}
	
	.w100m1{
		width: calc(100% - 1em) !important;
	}
	.w100m2{
		width: calc(100% - 2em) !important;
	}
	.hmini{
		height: 3em !important;
	}
	
	.hsmall{
		height: 5em !important;
	}
	
	.hmid{
		height: 10em !important;
	}
	.hbig{
		height: 25em !important;
	}
	.hbigger{
		height: 40em !important;
	}
	.hbiggest{
		height: 50em !important;
	}
	.h100{
		height: 100% !important;
	}
	
	.mxhmini{
		max-height: 3em !important;
	}
	.mxhsmall{
		max-height: 5em !important;
	}
	.mxhmid{
		max-height: 10em !important;
	}
	.mxhbig{
		max-height: 25em !important;
	}
	.mxhbigger{
		max-height: 40em !important;
	}
	.mxhbiggest{
		max-height: 50em !important;
	}
	
	.mleft1{
		margin-left: 1em !important;
	}
	.mleft2{
		margin-left: 2em !important;
	}
	
	.mright1{
		margin-right: 1em !important;
	}
	.mright2{
		margin-right: 2em !important;
	}
	
	.mtop1{
		margin-top: 1em !important;
	}
	.mtop2{
		margin-top: 2em !important;
	}
	
	.mbottom1{
		margin-bottom: 1em !important;
	}
	.mbottom2{
		margin-bottom: 2em !important;
	}
	.pad1{
		padding: 1em !important;
	}
}