#portfolio .portfolio-item .portfolio-link{
   position:relative;
   display:block;
   max-width:100%;
   margin:0 auto;
   cursor:pointer;
 margin-bottom: 25px;
}

 #portfolio .portfolio-item .portfolio-link .portfolio-hover{position:absolute;width:100%;height:100%;-webkit-transition:all ease .5s;transition:all ease .5s;opacity:0;background:#0a39e7; border-radius: 10px;}#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover{opacity:10}


 #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content
 {position: absolute;
padding: 35px;;
width: 100%;
}

.portfolio-hover-content p {
  width: 100%;
  text-align: left;
  color: #fff;
  font-size: 14px;
  font-family: 'Roboto Serif';
  margin-bottom: auto;
}

.portfolio-hover-content p span {
  width: 100%;
  text-align: left;
  color: #fff;
  font-size: 14px;
  font-family: "Manrope", serif;
  margin-bottom: auto;
}

    
    #portfolio .portfolio-item .portfolio-caption h4{margin:0;text-transform:none}
    
    @media (min-width:767px){#portfolio .portfolio-item{margin:0 0 0px}}
    .portfolio-modal{padding-right:0!important}


    .portfolio-modal .modal-dialog {
      max-width: 60vw;
      padding: 20px;
  }
    
    .portfolio-modal .modal-content{padding:20px;}


  
   


 .portfolio-modal .modal-content h2{font-size: 3em;
    margin-bottom: 15px;
    font-size: 3em;
        letter-spacing: normal;
        font-family: "Manrope", serif;
        font-weight: 800;}

    @media (max-width: 575px) {
      .portfolio-modal .modal-content h2 {
        font-size: 2em;
        letter-spacing: normal;
        font-family: "Manrope", serif;
        font-weight: 800;
    }

    .portfolio-modal .modal-content {
      padding: 12px;
  }
     }

    
     @media (max-width: 575px) {
      .portfolio-modal .modal-dialog {
        max-width: 100vw;
        padding: 10px;
    }


 .portfolio-modal .modal-content p{
font-size: 15px;

}

     }


    




 .portfolio-modal .modal-content p{
  margin-bottom: 30px;
  margin-top: 30px;
  font-size: 15px;
  font-family: "Manrope", serif;
}
 
.portfolio-modal .modal-content p.item-intro {
  font-size: 20px;
  margin: 0px 0 15px;
  font-family: "Roboto Serif", serif;
}
 
 .portfolio-modal .modal-content ul.list-inline{margin-top:0;margin-bottom:30px}.portfolio-modal .modal-content img{margin-bottom:30px}.portfolio-modal .modal-content button{cursor:pointer}
 
 .portfolio-modal .close-modal {
   position: absolute;
   top: 25px;
   right: 25px;
   width: 60px;
   height: 60px;
   cursor: pointer;
   background-color: transparent;
}
 
 .portfolio-modal .close-modal:hover{opacity:.3}
 
 .portfolio-modal .close-modal .lr{z-index:1051;width:4px;height:50px;margin-left:35px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#212529}
 
 .portfolio-modal .close-modal .lr .rl{z-index:1052;width:4px;height:50px;-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#212529}