section.portifolio .projetos{
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}

section.portifolio .projetos > div{
    display: flex;
    justify-content: space-evenly;
    margin: 10px 0;
}

section.portifolio .projeto-single{
    aspect-ratio: 2 / 1.4;
    width: 40%;
    max-width: 98vw;
    margin: 10px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    border: 5px solid #ccc;
    border-radius: 10px;
}

section.portifolio .a1{
    background-image: url(../images/projeto_1.png);
}

section.portifolio .a2{
    background-image: url(../images/projeto_2.png);
}

section.portifolio .a3{
    background-image: url(../images/projeto_3.png);
}

section.portifolio .a4{
    background-image: url(../images/projeto_4.png);
}

@media (max-width: 780px){
    section.portifolio .projetos > div{
        flex-direction: column;
        align-items: center;
    }

    section.portifolio .projeto-single{
        width: 90%;
    }
}