.titulo-portfolio{font:60px bebas_neueregular;float:left;color:#ff2021;width:96%;margin:80px 2% 25px 2%;}
.titulo-portfolio b{color:#343434;}

.engloba-portfolio{width:96%;margin:0 2% 65px 2%;float:left;display:flex;flex-wrap:wrap;}

.foto{width:24%;height:186px;float:left;position: relative;margin:40px 1% 0 0;cursor:pointer;}
.ap{font:14px montserrat-regular;line-height:25px;color:#fff;margin:0 0 0 10%;width:77%;text-align:justify;}

.popup{ display: none; align-items: center; justify-content: center; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; background: rgba(0, 0, 0, 0.65); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.popup a { cursor: pointer;max-width: 960px;}
.popup div{ position:relative;display:flex;align-items:center;justify-content:center;height:100%;}
.popup div img{ max-width:800px;margin:0 10%;}



@media(max-width:1011px){
    .titulo-portfolio{font-size:55px;}
}


@media(max-width:990px){
    .titulo-portfolio{font-size:20px;margin:20px 0 10px;text-align:center;}
    .foto{width:46%;margin:20px 0 0 0;height:150px;}
    .engloba-portfolio{margin:0 2%;justify-content: space-between;}

    .popup div img{margin:0 5%;width:90%;}
    .ap{margin:0 5%;width:90%;line-height:20px;}

}