@charset "utf-8";
/* CSS Document */
html, body {
    box-sizing: border-box;
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Helvetica, "sans-serif";
	line-height: 2em;
}
*, *:before, *:after {
    box-sizing: inherit;
}

main {
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
}
h1, h2 {text-align:center;}
h2 {margin-bottom: 2.5em;}
.photo {
	float: right;
	margin: 0 0 1em 1em;
	width: 15%;
	border: 1px solid black;
	border-radius: 5px;
}
.laws {
	border: 1px dotted gray;
	padding: 1.5em;
	background-color: #e1e1e1;
	
}
.columns {
	width: 100%;
	text-align: center;
	display: flex;
}
	.col {
		width: 33.33%;
		float: left;
		justify-content: center;
		align-items: center;
		display: flex;
		padding-top: .5em;
		line-height: 1.5;
	}
.center {text-align:center}
.clear {clear:both}
.CM {
	width: 100%;
	margin: 2em 0 0 0;
	border-top: 2px solid gray;
	border-bottom: 2px solid #fff;
	background-color: rgba(255,255,255,0.1);
	text-align: center;
	font-family: Arial, Helvetica, "sans-serif";
}
.CM img {
	position: relative;
	top: .4em;
	border:0
}
.CM a {
	color: #333;
	text-decoration: none;
}
@media (max-width: 768px) {
	h2 {margin-bottom: 1em;}
	.photo {
		float:none;
		display: block;
		margin: 0 auto;
		width: 30%;
	}
	.columns {display:block;}
	.columns .col {
		width: 100%;
		float: none;
		display: block;
	}
}