html, body, ul, li, h1, h2, p{
	margin: 0;
	padding: 0;
}

.wrapper{
	max-width: 1024px;
	margin: 0 auto;
	height: inherit;
	overflow: hidden;
}

.menu{
	background: #f46262;
	min-height: 80px;
}

.menu img{
	float: left;
}

.menu li{
	display: inline;
	float: right;
	line-height: 80px;
	margin-right: 20px;
	padding: 2px;
}

.menu a{
	text-decoration: none;
	color: #fbfaf7;
	font-family: arial;
	font-size: 24px;
}

.menu a:hover{
	background: #232323;
	color: hidden;
}

.header{
	background: #eb504e;
	height: 130px;
	color: #fbfaf7;
	text-align: center;
	font-family: arial;
}

.header h1{
	margin-top: 30px;
	font-size: 36px;
}

.header p{
	margin-top: 10px;
	font-size: 14px;
}

.content{
	background: #232323;
	min-height: 350px;
	color: #fbfaf7;
	text-align: center;
	font-family: arial;
	margin: 0 auto;
}

.content h2{
	margin-top: 20px;
	font-size: 24px;
	color: #fff;
}

.content p{
	margin-top: 10px;
	font-size: 14px;
	color: #f29309;
}

.content .item{
	display: inline-block;
	max-width: 170px;
	padding: 10px 10px;
	margin: 40px;
	
}

.content .item a{
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	margin-bottom: 3px;
}
.content .item p{
	color: #f29309;
	font-size: 12px;
}

.content .item img{
	width: 150px;
	margin-bottom: 3px;
}

.content2{
	background: #6cc372;
	min-height: 390px;
	text-align: center;
	font-family: arial;
	margin: 0 auto;
	
}
.content2 h2{
	margin-top: 20px;
	font-size: 24px;
	color: #fbfaf7;
	font-family: inherit;
}

.content2 p{
	margin-top: 10px;
	font-size: 14px;
	margin-bottom: 25px;
}
.content2 .main{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
		
}
.content2 .main .item{
	background: #fff;
	width: 190px;
	min-height: 260px;
	box-sizing: border-box;
	padding: 15px;
	margin: 10px;
	border-radius: 10px;
}

.content2 .main .item h2{
	color: #6cc372;
	font-size: 16px;
	margin-bottom: 10px;
}

.content2 .main .item p{
	color: #eb504e;
	font-size: 12px;
	margin-bottom: 15px;
}

.content2 .main .item img{
	width: 140px;
}

.content2 .item a{
	background: rgb(64,199,129);
	color: white;
	text-decoration: none;
	padding: 6px;
	border-radius: 5px;
	box-shadow: 5px 3px 3px green;
	transition: 0.5s;
}
.content2 .item a:hover{
	background: rgb(53, 167, 110); 
}

/*.content2 .item a:active{
	background: rgb(33,147,90);
	box-shadow: 60px -16px teal;
}*/

.footer{
	background: #232323;
	height: 40px;
	color: #fbfaf7;
}

.footer p{
	float: left;
	line-height: 40px;
}


.footer span{
	color: #f29309;
}

.footer img{
	float: right;
	margin-right: 3px;
	margin-top: 5px;
	width: 30px;
}

@media screen and (max-width: 820px){
	.menu{
		text-align: center;
	}
	.menu li{
		float: none;
	}
	.menu img{
		float: none;
	}
	.menu li{
		margin: 10px;
	}
}

@media screen and (max-width: 600px){
	.menu li{
		display: block;
	}
}