body{
background-color: #fff;
font-family: Arial, sans-serif;
margin:0;
padding: 0;
color: #333;
align-content: center;
text-align: center;
font-size: 13px;
}

a{outline: none; text-decoration: none; }


img{border:none;}
.logo{
	text-align: center;
	padding: 30px 0 50px 0;
}
.logo img{
	max-width: 350px;
}

.container{
width:100%;
text-align: center;
}

.container_in{
	max-width: 1900px;
}



.cat{
display: inline-block;
width: 17%;
background-color: #e9e9e9;

margin: 10px 10px 10px 10px;
color: #eee;
padding:0;
border: solid 3px #e9e9e9;
border-radius: 30px;
text-align: center;
align-content: center;
}

.cat:hover{
	background-color: #43916B;
/*	border: solid 3px #ccc;*/

	}

.cat img{
	width: 100%;
border-top-left-radius: 27px;
border-top-right-radius: 27px;
margin:0;
padding:0;
}

.cat .cat_text{
	
	padding: 22px 10px 25px 10px;
font-size: 1.1em;
border-bottom-left-radius: 27px;
border-bottom-right-radius: 27px;
}

.cat_text span{
	padding:0 0 8px 0;
	font-size: 1.5em !important;
}

.cat:hover{
	color:#333;
}

.cat a{
	text-decoration: none;
	margin:0;
	padding:0;
	color: #333;
	
}

.cat a:hover{
	color: #fff;
}

.footer{
width: 100%;

	text-align: center;


}

.footer_in{
	margin:0 auto;
	padding: 10px 20px 20px 20px;
	font-size: 1em;
	color: #666;
	line-height: 1.4em;
	max-width: 600px;
	border-top: solid 4px #f1f1f1;
}

.footer span{
	color: #999;
	padding:0 0 10px 0;
	font-size: 0.9em;
}





@media screen and (max-width: 1600px) {
	.cat{
		width: 17%;
		margin: 10px 10px 10px 10px;
		padding:0;
		}

	






  @media screen and (max-width: 1400px) {
	.cat{
		width: 18%;
		margin: 10px 5px 10px 5px;
		padding:0;
		}

		.cat .cat_text{
		font-size: 1.1em;
		
		}
		
		.cat_text span{
			font-size: 1.2em !important;
		}
		.footer{

			font-size: 1em;

		}
		
		.footer span{

			font-size: 0.9em;
		}
		
  }







  @media screen and (max-width: 1100px) {
	.cat{
		width: 27%;
		margin: 10px 10px 40px 10px;
		padding:0;
		}

		.cat .cat_text{
		font-size: 1.1em;
		
		}
		
		.cat_text span{
			font-size: 1.2em !important;
		}

	
  }







  
  @media screen and (max-width: 900px) {
	.cat{
		width: 40%;
		margin: 10px 10px 40px 10px;
		padding:0;
		}
		.logo img{
			max-width: 300px;
		}
		
		.cat .cat_text{
		font-size: 1.1em;
		
		}
		
		.cat_text span{
			font-size: 1.2em !important;
		}
		.footer{
			padding:0 20px 0 20px;
			max-width: 90%;
			
			}
	
  }



  @media screen and (max-width: 700px) {
	.cat{
		width: 90%;
		margin: 10px 10px 50px 10px;
		padding:0;
		}

		.cat .cat_text{
		font-size: 1.1em;
		
		}
		
		.cat_text span{
			font-size: 1.2em !important;
		}

	
  }