@media(max-width:1100px){

    .portfolio_card{
        max-width:100%;
    }

}

@media(max-width:900px){

    .portfolio_container{
        grid-template-columns:1fr;
    }

    .portfolio_card:nth-child(odd),
    .portfolio_card:nth-child(even){

        justify-self:center;
    }

}

@media(max-width:768px){

    .portfolio{
        padding:70px 6%;
    }

    .portfolio_container{
        gap:22px;
    }

    .portfolio_card{
        height:240px;
    }

}

@media(max-width:480px){

    .portfolio{
        padding:60px 5%;
    }

    .portfolio_card{
        height:220px;

        border-radius:20px;
    }

    .portfolio_layer h3{
        font-size:22px;
    }

    .portfolio_layer a{
        padding:10px 20px;

        font-size:14px;
    }

}