body{
	background-image: url(../img/bg.png);
	background-color: #f9f9f9;
	background-size: 100%;
	font-family: Raleway;
}

.middle{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.card{
	background: white;
	background: linear-gradient(#fff, #eeeC);
	background: moz-linear-gradient(#fff, #eeeC);
	background: webkit-linear-gradient(#fff, #eeeC);
	background: o-linear-gradient(#fff, #eeeC);
	background: ms-linear-gradient(#fff, #eeeC);
	display: table;
}
.man{
	/*position: fixed;*/
	/*right: 20px;
	bottom: 30px;
	z-index: 100;*/
	/*width: 300px;*/

}

.card h2{
	font-weight: bold;
	color: #3e79ff;
	font-style: italic;
	font-size: 1.5em;
}
.areas{
	/*position: fixed;*/
	bottom: 0px;
	width: 90%;
	margin: 0px auto;
	color: white;
	text-align: center;
	margin-top: 10px;
}
.areas li{
	display: inline-block;
	/*width: 100px;*/
	padding: 15px;
	margin-right: 10px;
	transition: all .3s ease;
	cursor: pointer;
	color: #0879bf;
	font-size: 2em;
	font-weight: 700;
	/*text-shadow: 0px 0px 5px rgba(0,0,0,0.4);*/
}


.areas img:hover{
	
	width: 140px;
	
}

@media only screen and (max-width: 400px) {
	body{
	/*background-image: url(../img/160.jpg);*/
	background-size: 300%;
	}
}