.block-top-photo {
margin-top: 2em;
padding-bottom: 3em;
width: 100%;
height: 100%;
overflow: hidden !important;
}
@media(min-width:768px){
.block-top-photo {margin-top: 3rem;}
}
@media(min-width:992px){
.block-top-photo {margin-top: 3.5em;}
}

.img1, .img2, .img3, .img4 {
position: absolute;
}	

.img1 {z-index: 9;  margin-top: 2%; margin-left: 3%;}
.img2 {z-index: 11; margin-top: 5%; margin-left: 47%;}

@media(min-width:768px){
.img1 {z-index: 9;  margin-top: 2%; margin-left: 5%;}
.img2 {z-index: 11; margin-top: 5%; margin-left: 33%;}
.img3 {z-index: 6;  margin-top: 1%; margin-left: 61%;}
}

@media(min-width:1200px){
.img1 {z-index: 9;  margin-top: 2%; margin-left: 7%;}
.img2 {z-index: 11; margin-top: 5%; margin-left: 27%;}
.img3 {z-index: 6;  margin-top: 1%; margin-left: 48%;}
.img4 {z-index: 5;  margin-top: 3%; margin-left: 68%;}
}



.block-top-photo img {
filter: grayscale(.95); 
transition: 3s; 
}
.block-top-photo img:hover {
filter: grayscale(0); 
transition: .3s; 
}



.block-about {margin-top: 1rem;}

@media(min-width:768px){
.block-about {margin-top: 3rem;}
}
@media(min-width:992px){
.block-about {margin-top: 5rem;}
}

.block-about p {
margin-bottom: 1rem;
line-height: 1.2em;
color: #343434;
}

.block-btn-moretext {
margin-top: 1rem;
}

.block-porfolio {
margin-top: 5rem;
}

.block-porfolio .title {
margin-bottom: .5rem;
text-align: center;
font-size: 2em;
font-weight: 700;
text-transform: uppercase;
}

.block-porfolio img {
margin-top: 1.5rem;
}

.block-porfolio-item {
overflow: hidden;
display: block;
}

@media(max-width:767px){
.block-porfolio {padding: 0 10px;}
.block-porfolio .col-xs-6 {padding: 0 10px;}
}