body{
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: #000;
}
a{
	color:#000;
	text-decoration: none;
}
strong{
	    background: #0066cc;
	    padding: 10px;
	    color: #fff;
}
.site{/* position: absolute; */top: 50%;left: 50%;/* transform: translate(-50%, -50%); */width:100%;}

.header{text-align: center;padding: 25px;}
.header img{max-width:100%;}

.category{
	background-color: #333;
	border-top: 10px solid #fff;
	padding: 30px 0;
	}

.flex {
	display: -webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1200px;
	margin: auto;
}
.content-flex:hover {
	opacity:1;
}
.content-flex {
	min-width: 150px;
	width: 45%;
	padding: 10px;
	box-sizing: border-box;
	margin: 10px;
	background-color: #FFF;
	font-family: sans-serif;
	font-size: 120%;
	text-align: center;
	opacity:0.9;
	border-radius: 10px;
}

@media screen and (max-width: 1000px){
.content-flex {
    width: 100% !important;
    font-size: 250%;
}
}