.title-small{font-size: 24px;}
.title-mid{font-size: 30px;}
.title-large{font-size: 36px;}

.marV12{margin-top: 12px;margin-bottom: 12px;}
.marV20{margin-top: 20px;margin-bottom: 20px;}
.marV30{margin-top: 30px;margin-bottom: 30px;}
.marV40{margin-top: 40px;margin-bottom: 40px;}
.marV50{margin-top: 50px;margin-bottom: 50px;}

.marH12{margin-left:12px; margin-right: 12px;}
.marH20{margin-left:20px; margin-right: 20px;}
.marH30{margin-left:30px; margin-right: 30px;}
.marH40{margin-left:40px; margin-right: 40px;}
.marH50{margin-left:50px; margin-right: 50px;}

.marL12{margin-left: 12px;}
.marL20{margin-left: 20px;}
.marL30{margin-left: 30px;}
.marL40{margin-left: 40px;}
.marL50{margin-left: 50px;}
.marL70{margin-left: 70px;}

.marR12{margin-right: 12px;}
.marR20{margin-right: 20px;}
.marR30{margin-right: 30px;}
.marR40{margin-right: 40px;}
.marR50{margin-right: 50px;}

.marT12{margin-top: 12px;}
.marT20{margin-top: 20px;}
.marT30{margin-top: 30px;}
.marT40{margin-top: 40px;}
.marT50{margin-top: 50px;}

.marB12{margin-bottom: 12px;}
.marB20{margin-bottom: 20px;}
.marB30{margin-bottom: 30px;}
.marB40{margin-bottom: 40px;}
.marB50{margin-bottom: 50px;}

.padV12{padding-top: 12px;padding-bottom: 12px;}
.padV20{padding-top: 20px;padding-bottom: 20px;}
.padV30{padding-top: 30px;padding-bottom: 30px;}
.padV40{padding-top: 40px;padding-bottom: 40px;}
.padV50{padding-top: 50px;padding-bottom: 50px;}

.padH12{padding-left:12px; padding-right: 12px;}
.padH20{padding-left:20px; padding-right: 20px;}
.padH30{padding-left:30px; padding-right: 30px;}
.padH40{padding-left:40px; padding-right: 40px;}
.padH50{padding-left:50px; padding-right: 50px;}

.padL12{padding-left: 12px;}
.padL20{padding-left: 20px;}
.padL30{padding-left: 30px;}
.padL40{padding-left: 40px;}
.padL50{padding-left: 50px;}
.padL70{padding-left: 70px;}

.padR12{padding-right: 12px;}
.padR20{padding-right: 20px;}
.padR30{padding-right: 30px;}
.padR40{padding-right: 40px;}
.padR50{padding-right: 50px;}

.padT12{padding-top: 12px;}
.padT20{padding-top: 20px;}
.padT30{padding-top: 30px;}
.padT40{padding-top: 40px;}
.padT50{padding-top: 50px;}

.padB12{padding-bottom: 12px;}
.padB20{padding-bottom: 20px;}
.padB30{padding-bottom: 30px;}
.padB40{padding-bottom: 40px;}
.padB50{padding-bottom: 50px;}

.fw500{font-weight: 500}
.fw700{font-weight: 700;}

.flex{display: flex;}
.flex.nowrap{flex-wrap: nowrap;}
.flex.wrap{flex-wrap: wrap;}
.flex.space-beetween{justify-content:space-between;}
.flex.align-center{align-items:center;}

.inlineBlock{ display: inline-block; box-sizing: border-box;}
.inline-block{ display: inline-block; box-sizing: border-box;}

.container{position: relative;}
.container::after{content:""; }
.row{position: relative; }

.row img.contain{width: 100%;max-width: inherit;}
.row .vertical-middle{vertical-align: middle;}
.row .vertical-top{vertical-align: top;}
.row .vertical-bottom{vertical-align: bottom;}
.col-12,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2, .col-1{display:inline-block; box-sizing: border-box;vertical-align: top;}
.col-12-m,.col-10-m,.col-9-m,.col-8-m,.col-7-m,.col-6-m,.col-5-m,.col-4-m,.col-3-m,.col-2-m, .col-1-m{display:inline-block; box-sizing: border-box;vertical-align: top;}
.col-12{width: 100%;}
.col-10{width: 83%;}
.col-9{width: 75%;}
.col-8{width: 66.6%;}
.col-7{width: 58.3%;}
.col-6{width: 50%;}
.col-5{width: 41.6%;}
.col-4{width: 33.3%;}
.col-3{width: 25%;}
.col-2{width: 16.6%;}
.col-1{width: 8.3%;}

.col-push-0{margin-left: 0;}
.col-push-2{margin-left: 16.6%;}
.col-push-3{margin-left: 25%;}
.col-push-4{margin-left: 33.3%;}
.col-push-6{margin-left: 50%;}
.col-push-8{margin-left: 66.6%;}
.col-push-10{margin-left: 83%;}

@media only screen and (min-width: 320px) and (max-device-width: 768px)
{
	.marV12, .marV20, .marV30, .marV40, .marV50  {margin-top: 5px;margin-bottom: 5px;}
	.marH12,.marH20,.marH30,.marH40,.marH50{margin-left:5px; margin-right: 5px;}
	.marL12, .marL20, .marL30, .marL40, .marL50, .marL70{margin-left: 5px;}
	.marR12, .marR20, .marR30, .marR40, .marR50{margin-right: 5px;}
	.marT12, .marT20, .marT30, .marT40, .marT50{margin-top: 5px;}
	.marB12, .marB20, .marB30, .marB40, .marB50{margin-bottom: 5px;}
	.padV12, .padV20, .padV30, .padV40, .padV50{padding-top: 5px;padding-bottom: 5px;}
	.padH12, .padH20, .padH30, .padH40, .padH50{padding-left:5px; padding-right: 5px;}
	.padL12, .padL20, .padL30, .padL40, .padL50, .padL70{padding-left: 5px;}
	.padR12, .padR20, .padR30, .padR40, .padR50{padding-right: 5px;}
	.padT12, .padT20, .padT30, .padT40, .padT50{padding-top: 5px;}
	.padB12, .padB20, .padB30, .padB40, .padB50{padding-bottom: 5px;}

	.col-12,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2{width: 100%; padding: 0 12px;}
	.col-12-m{width: 100%;}
	.col-10-m{width: 83%;}
	.col-9-m{width: 75%;}
	.col-8-m{width: 66.6%;}
	.col-7-m{width: 58.3%;}
	.col-6-m{width: 50%;}
	.col-5-m{width: 41.6%;}
	.col-4-m{width: 33.3%;}
	.col-3-m{width: 25%;}
	.col-2-m{width: 16.6%;}
	.col-1-m{width: 8.3%;}
}