body{
background-color:#eee;
}
#shapka{
background: url(/img/fon_inner.jpg) center center no-repeat;
background-size: cover;
}
#shapka .content{
padding:52px 0;
}
h1{
font-size:35px;
color:#000;
text-shadow:none;
}
.portfolio, .portfolio_full{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
min-height:550px;
margin:30px 0;
}
.portfolio .element{
display:block;
width:30%;
margin-bottom:40px;
border:1px solid #d5d5d5;
text-decoration:none;
background-color:#fff;
border-radius:10px;
overflow:hidden;
}
.portfolio_full .img{
width:30%;
margin-bottom:40px;
border-radius:10px;
overflow:hidden;
border:1px solid #d5d5d5;
height:220px;
}
.portfolio .element:hover{
box-shadow:0 0 15px #bbb;
}
.portfolio .element .img{
height:220px;
}
.portfolio .element .img img, .portfolio_full .img img{
width:100%;
height:100%;
object-fit:cover;
}
.portfolio .element .title{
padding:15px;
font-size:19px;
font-weight:500;
color:#000;
}







@media screen and (max-width:980px){


h1{
font-size:24px;
}
.portfolio, .portfolio_full{
display:block;
}
.portfolio .element, .portfolio_full .img{
width:96%;
margin:30px auto;
height:auto;
}
.content{
padding-right:10px;
padding-left:10px;
max-width:calc(100% - 40px);
}











}