* {
	
}
body {
	font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4;
	letter-spacing: .02em;
	background-color: #F2F3F4;
}
.svo_bar {
	border: 4px solid darkgray;
}
.svo_logo {
	background-image: url(../img/white_pieces.jpg), linear-gradient(to bottom, lightgray, gray, lightgray);
	background-blend-mode: multiply;
	background-size: cover;
	color: white;
	text-shadow: 2px 2px darkgray;
	font-size: 2.5rem;
	font-weight: bold;
	font-style: italic;
	padding: 2rem 0;
	text-align: center;
}

.clearfix::before , .clearfix::after {
	display: table;
	content: " ";
}
.clearfix::after {
	clear: both;
}

main {
	display: flex;
	margin-top: 2em;
	padding: 0 0.5em 0 1em;
}
.hidden {
	display:none;
}

.article {
	margin-bottom: 15px;
}
.article + .article {
	border-top: 2px dotted #cccccc;
	margin-top: 15px;
}
h1 , h2 , h3 {
	font-family: 'Roboto Slab', serif;
	line-height: 1.1;
	text-align: center;
	color: hsl(30, 50%, 25%);
}