/*==================================
PROJECTS PAGE
==================================*/

.projects-page{

    padding-top:0;

}

.projects-page .row{

    row-gap:30px;

}

.projects-page .project-card{

    height:100%;

}

.projects-page .project-card a{

    display:block;

    height:100%;

    text-decoration:none;

}

.projects-page .project-image{

    height:420px;

}

.projects-page .project-image img{

    width:100%;
    height:100%;

    object-fit:cover;

}

/*==================================
SECTION INTRO
==================================*/

.projects-intro{

    padding-bottom:30px;

}

.projects-intro .section-title{

    max-width:900px;

    margin:0 auto;

}

.projects-intro .section-title h2{

    margin-bottom:20px;

}

.projects-intro .section-title p{

    max-width:760px;

    margin:0 auto;

    font-size:18px;

    line-height:1.8;

    color:#6c757d;

}

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

@media(max-width:991px){

    .projects-page .project-image{

        height:360px;

    }

}

@media(max-width:767px){

    .projects-page .project-image{

        height:300px;

    }

    .projects-intro .section-title p{

        font-size:16px;

    }

}