﻿@media only screen and (min-width: 480px) {
	.section .narrow {padding: 10px 10px;}
}
@media only screen and (min-width: 768px) {
	.col-t1 {width: 8.3333%;}
	.col-t2 {width: 16.6666%;}
	.col-t3 {width: 25%;}
	.col-t4 {width: 33.3333%;}
	.col-t5 {width: 41.6666%;}
	.col-t6 {width: 50%;}
	.col-t7 {width: 58.3333%;}
	.col-t8 {width: 66.6666%;}
	.col-t9 {width: 75%;}
	.col-t10 {width: 83.3333%;}
	.col-t11 {width: 91.6666%;}
	.col-t12 {width: 100%;}
	.col-t20 {width: 20%;}
	.col-t30 {width: 30%;}
	.col-t40 {width: 40%;}
	.col-t50 {width: 50%;}
	.col-t60 {width: 60%;}
	.col-t70 {width: 70%;}
	.col-t80 {width: 80%;}

	#content .row {padding: 20px 2%;}
	.section .narrow {padding: 10px 8%;}
}
 
@media only screen and (min-width: 1024px) {
	.col-1 {width: 8.3333%;}
	.col-2 {width: 16.6666%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.3333%;}
	.col-5 {width: 41.6666%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.3333%;}
	.col-8 {width: 66.6666%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.3333%;}
	.col-11 {width: 91.6666%;}
	.col-12 {width: 100%;}
	.col-20 {width: 20%;}
	.col-30 {width: 30%;}
	.col-40 {width: 40%;}
	.col-50 {width: 50%;}
	.col-60 {width: 60%;}
	.col-70 {width: 70%;}
	.col-80 {width: 80%;}

	#content .row {padding: 20px 1%;}
	#content .row .col-12,
	#content .row .col-9,
	#content .row .col-6,
	#content .row .col-8 {padding-right: 20px;}
	#content .row .col-4,
	#content .row .col-3 {padding-left: 20px;}
	.section .narrow {padding: 10px 8%;}
}


@media only screen and (min-width: 1366px) {
	#content .row {padding: 20px 4%;}
	#content .row .col-12,
	#content .row .col-9,
	#content .row .col-6,
	#content .row .col-8 {padding-right: 40px;}
	#content .row .col-4,
	#content .row .col-3 {padding-left: 40px;}
	.section .narrow {padding: 10px 8%;}
}

@media only screen and (min-width: 1440px) {
	#content .row {padding: 20px 6%;}
	.section .narrow {padding: 10px 8%;}
}
@media only screen and (min-width: 1600px) {
	#content .row {padding: 20px 8%;}
	.section .narrow {padding: 10px 10%;}
}
@media only screen and (min-width: 1924px) {
	html, body {font-size: 18px;}
	#content .row {padding: 20px 14%;}
	.section .narrow {padding: 10px 16%;}
}


/*	END
	*/