body {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 1em;
	text-align: justify;
}
* {
	color: #000;
	margin: 0;
}



p {
	margin: .5em 0;
}
a {
	color: #ff0;
}
h1,h2,h3,h4 {
	color: #024;
}
h1 {
	font-size: 3em;
	margin-top: 1em;
	text-align: center;
}
h2 {
	font-size: 2em;
	margin-top: 1em;
	text-align: left;
}
h3 {
	font-size: 1.5em;
	margin: .75em 0 -.125em 0;
}
h4 {
	font-size: 1.2em;
	margin: .6em 0 -.25em 0;
}
input,select,textarea {
	margin: 1em 0;
}
iframe,img,input,select,table,textarea {
	border: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}



.grid-container {
	background-color: #8ac;
	display: grid;
}
.grid-container.half {
	grid-template-columns: 1fr 1fr;
}
.grid-container.abb {
	grid-template-columns: 1fr 2fr;
}
.grid-item {
	border: 0px solid;
}
.grid-item.spacing {
	grid-column: span 3;
	height: 8em;
}
.grid-item.margin {
	margin: 0 5% 1em;
}



@media screen and (max-width: 959px) {
.grid-container.half {
	grid-template-columns: 1fr;
}}
@media screen and (max-width: 999px) {
.grid-item.small {
	margin: 0 1%;
}}
@media screen and (min-width: 1000px) {
.grid-item.small {
	width: 960px;
	margin: 0 auto;
}}
@media screen and (max-width: 1499px) {
.fff,.grid-item.full {
	margin: 0 1%;
}}
@media screen and (min-width: 1500px) {
.fff,.grid-item.full {
	width: 1440px;
	margin: 0 auto;
}}
.fff,.grid-item.full,.grid-item.small {
	margin-bottom: 8em;
}
.fff { * {color: #000;}}