/* НАВИГАЦИЯ ПО КЛАССАМ 



*/

.wrap {
	height:auto !important;
	height:100%;
	min-height:100%;
	position:relative;
}

.header {
	background: #323A45;
	height: 150px;
}

.header a {color: #fff;}

.logo {
	margin-top: 40px;
}

.welcome {
	background: #F07057;
	height: 200px;
	color: #fff;
}

.welcome h1 {
	margin-top: 20px;
}

.welcome a {
	margin: 50px 10px 0 10px;
}

.header-menu {
	margin-top: 40px;
	overflow: hidden;
}

.header-menu li {
	float: left;
}

.header-menu li a {
	display: block;
	padding: 5px 10px;
	margin: 10px;
	font-size: 16px;
	border-radius: 3px;
	transition: all .2s;
}

.header-menu li a:hover {
	background: #25B695;
}

.main {background: #EDEDED;padding: 20px 0;}

.portfolio-item img {
	width: 200px;
	height: 200px;
}

.about {
	background: #25B695;
	min-height: 200px;
	color: #fff;
}
.about img {
	width: 130px;
	height: 130px;
	margin: 0 10px 10px 0;
}

.padding {height: 200px;}

.footer {
	margin-top: -200px;
	background: #3D3D45;
	height: 200px;
}

/* =========================== Готовые стили для работы */

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}