.page-hero{
    text-align:center;
}

.page-hero h1{
    font-size:58px;
    margin-bottom:20px;
}

.page-hero p{
    max-width:900px;
    margin:auto;
}

@media(max-width:767px){
    .page-hero h1{
        font-size:40px;
    }
}

/*
=========================================
PORTFOLIO RESPONSIVE
=========================================
*/

@media (max-width:991px){

    .portfolio-grid{
        grid-template-columns:repeat(2,1fr) !important;
    }

}

@media (max-width:767px){

    .portfolio-grid{
        grid-template-columns:1fr !important;
    }

}