@charset "utf-8";
/* CSS Document */

@import url(/css/reset.css);


body {}
header {width:100%; overflow:hidden; height:66.7vw; max-height:667px;}
header img.logo {position:absolute; top:2vw; left:3vw; width:10vw;}
main {width:100%; max-width:1000px; margin:0 auto 3%; font-size:100%; padding:1em 1em 2em; line-height:1.5; text-justify:inter-character;}
p {margin-bottom:1.5em;}

h2 {font-size:150%; margin-bottom:1em;}

.col2 {
	text-align:center;
	margin:0 1em;
	padding:1em 0;
	line-height:1.5;
	overflow:hidden;
	column-count: 2;
	column-width:15%;
	column-gap: 3%;
	column-fill: balance;
	overflow:hidden;
	-webkit-column-count: 2;
	-webkit-column-width:15%;
	-webkit-column-gap: 3%;
	-webkit-column-fill: balance;
	-moz-column-count: 2;
	-moz-column-width:15%;
	-moz-column-gap: 3%;
	-moz-column-fill: balance;
}

.col3 {
	text-align:center;
	margin:0 1em;
	padding:1em 0;
	line-height:1.5;
	overflow:hidden;
	column-count: 3;
	column-width:15%;
	column-gap: 3%;
	column-fill: balance;
	overflow:hidden;
	-webkit-column-count: 3;
	-webkit-column-width:15%;
	-webkit-column-gap: 3%;
	-webkit-column-fill: balance;
	-moz-column-count: 3;
	-moz-column-width:15%;
	-moz-column-gap: 3%;
	-moz-column-fill: balance;
}
.col4 {
	text-align:center;
	margin:0 1em;
	padding:1em 0;
	line-height:1.5;
	overflow:hidden;
	column-count: 4;
	column-width:15%;
	column-gap: 3%;
	column-fill: balance;
	overflow:hidden;
	-webkit-column-count: 4;
	-webkit-column-width:15%;
	-webkit-column-gap: 3%;
	-webkit-column-fill: balance;
	-moz-column-count: 4;
	-moz-column-width:15%;
	-moz-column-gap: 3%;
	-moz-column-fill: balance;
}

footer {text-align:center;margin:0 auto 3%; height:2em;}


@media screen and (max-width:768px) {

header img.logo {position:absolute; top:4vw; left:6vw; width:30vw;}
p {margin:0 1em 1.5em;}

h2 {font-size:150%; margin-bottom:1em;}

.col4 {
	margin:0 1em;
	padding:1em 0;
	line-height:1.5;
	overflow:hidden;
	column-count: 2;
	column-width:39%;
	column-gap: 3%;
	column-fill: balance;
	overflow:hidden;
	-webkit-column-count: 2;
	-webkit-column-width:39%;
	-webkit-column-gap: 3%;
	-webkit-column-fill: balance;
	-moz-column-count: 2;
	-moz-column-width:39%;
	-moz-column-gap: 3%;
	-moz-column-fill: balance;
}

.col4 div {margin-bottom:1em;}
footer {text-align:center;margin:1em auto; height:2em;}


}


@media screen and (min-width:769px) {
	

}