@import url("../style.css");
html {
	background: rgb(245,245,245);
}
body {
	margin: 0px auto;
	padding: 0px;
	color: rgb(0,0,0);
	width: 987px;
}
section {
	background: rgb(255,255,255);
	box-shadow: 1px 1px 3px rgb(0, 0, 0);
	padding: 94px;
	margin: 20px auto;
	position: relative;
	width: 799px;
	z-index:2;
}
article, header {
	column-count:2;
	column-gap: 23.5px;
	column-rule: 1px solid silver;
	-webkit-column-count:2;
	-webkit-column-gap: 23.5px;
	-webkit-column-rule: 1px solid silver;
}
article {
	text-align: center;
	margin: 10px 0px;
	padding: 10px 0px;
	border-top: 1px solid rgb(0,0,0);
}
a {
	text-decoration: none;
	color: rgb(153,153,153);
}
a:hover {
	color: rgb(0,0,0);
}
iframe, img {
max-width:95%;
margin: 10px;
}
img {
width:50%;
float: left;
margin: 10px;
}
p, li {
text-align: justify;
text-indent: 10px;
margin: 0px;
	font-size: 11px;
	margin: 0px 10px 0px 10px;
	color: rgb(51,51,51);
}
@media screen and (max-width: 987px) {
	body {
		max-width: auto;
		width: auto;
	}
	section {
		background: rgb(255,255,255);
		box-shadow: none;
		margin: 0px auto;
		width: 80%;
		z-index:2;
		position: relative;
	}
	article, header {
		column-count:1;
		-webkit-column-count:1;
	}
}