/* SCREEN */
@media screen and (min-width: 240px) and (max-width: 840px) {
		body {
		    
		}


		/* HEAD - START */
		DIV.head{
		     
		}
		/* HEAD - END */


		.portfolio ul li{
			width: 100% !important;
			background-position: 50% 0 !important;
		}


	}

/***************/

/* HEAD - START */
DIV.head{
	padding-top: 50px;		  
	padding-bottom: 20px;
	text-align: center;   
}

.head H1{
	color: #FFFFFF;
	text-transform: uppercase;
}
/* HEAD - END */



/* PORTFOLIO - START */
DIV.portfolio UL LI{
	display: block;
	float: left;
	width: 50%;
	box-sizing: border-box;
}

.portfolio UL LI A{
	display: block;
	padding: 0;
	margin: 0;
	color: #FFFFFF;
	text-shadow: none;
	text-decoration: none;
	height: 500px;
	position: relative;
	background: rgba(0, 0, 0, 0.15);
	transition: 0.8s background ease;
	-webkit-transition: 0.8s background ease;
	-moz-transition: 0.8s background ease;
	-o-transition: 0.8s background ease;
}

.portfolio UL LI A:hover{
	background: rgba(0, 0, 0, 0.7);
	text-decoration: none;
}

.portfolio ul li .project-name{
	text-align: center;
	font-size: 2.4em;
	padding-top: 100px;
}

.portfolio ul li .hr-devider{
	width: 100px;
	height: 2px;
	background: #FFFFFF;
	margin: 10px auto 10px auto;
	transition: 0.8s width ease;
	-webkit-transition: 0.8s width ease;
    -moz-transition: 0.8s width ease;
    -o-transition: 0.8s width ease;
}

.portfolio ul li:hover .hr-devider{
	width: 300px;
}

.portfolio ul li .vert-devider{
	height: 100px;
}

.portfolio ul li input[type='button']{
    font-size: 0.7em;
    text-decoration: none;
    color: #FFFFFF;
    background: transparent;
    border: 1px solid #ff8b29;
    padding: 10px 20px;
    cursor:pointer;
    
    transition: 0.8s background ease;
	-webkit-transition: 0.8s background ease;
    -moz-transition: 0.8s background ease;
    -o-transition: 0.8s background ease;
}

.portfolio ul li:hover input[type='button'] {
	background: rgba(255, 139, 41, 1.0);
	opacity: 1;
}

.portfolio ul li input[type='button']:hover {
    background: rgba(255, 139, 41, 1.0);
	border: 1px solid #ff8b29;
}

.portfolio ul li .house-info{
	font-size: 0.7em;
	text-align: center;
	position: absolute;
	bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	opacity: 0.5;	
}

.portfolio ul li a:hover .house-info{
	opacity: 1;
}



.portfolio ul li.kolodischi_astashenko{
	background: transparent url('../images/portfolio/kolodischi_astashenko/1.jpg')  no-repeat scroll 50% 50% / cover;
}

.portfolio ul li.vitebsk_yupatova{
	background: transparent url('../images/portfolio/vitebsk_yupatova/1.jpg')  no-repeat scroll 50% 50% / cover;
}

.portfolio ul li.orsha_camp{
	background: transparent url('../images/portfolio/orsha_camp/11.jpg')  no-repeat scroll 50% 50% / cover;
}

.portfolio ul li.zhdanovichi_kurkul_bilyard{
	background: transparent url('../images/portfolio/zhdanovichi_kurkul_bilyard/2.jpg')  no-repeat scroll 50% 50% / cover;
}

.portfolio ul li.myadel_melnikova{
	background: transparent url('../images/portfolio/myadel_melnikova/1.jpg')  no-repeat scroll 50% 50% / cover;
}

.portfolio ul li.lipovaya_koloda_nagorni{
	background: transparent url('../images/portfolio/lipovaya_koloda_nagorni/1.jpg')  no-repeat scroll 50% 50% / cover;
}

.portfolio ul li.hutor_zdorovia{
	background: transparent url('../images/portfolio/hutor_zdorovia/1.jpg')  no-repeat scroll 50% 10% / cover;
}

.portfolio ul li.hvoya{
	background: transparent url('../images/portfolio/hvoya/1.jpg')  no-repeat scroll 50% 50% / cover;
}




/* PORTFOLIO - END */