/* ---------- projects ---------- */
.projects{
    padding: 14rem 0;
    margin: 0 auto;
    width: 90%;
}

.projects h1{
    font-size: 3.5rem;
}

.projects_cont{
    justify-content: space-between;
    grid-template-columns: 50% 48%;
    grid-gap: 2rem 2rem;
    display: grid;
    height: 130vh;
    width: 100%;
}

.projects_cont_2{
    justify-content: space-between;
    grid-template-columns: 32% 32% 32%;
    grid-gap: 2rem 2rem;
    margin-top: 2rem;
    display: grid;
    height: 35vh;
    width: 100%;
}


.projects .satvs{
    background-image: url("../assets/images/projects/satvs/satvs_dark.png");
    background-position: center;
    background-size: cover;
    border-radius: 15px;
    
}

.projects .eonia{
    background-image: url("../assets/images/projects/eonia/eonia_dark.png");
    background-position: center;
    background-size: cover;
    border-radius: 15px;
    width: 100%;
}

.projects .meraki{
    background-image: url("../assets/images/projects/meraki/meraki_dark.png");
    background-position: center;
    background-size: cover;
    border-radius: 15px;
    width: 100%;
}

.projects .solus{
    background-image: url("../assets/images/projects/solus/solus_dark.png");
    background-position: center;
    background-size: cover;
    border-radius: 15px;
    width: 100%;
}

.projects .kalos{
    background-image: url("../assets/images/projects/kalos/kalos_dark.png");
    background-position: center;
    background-size: cover;
    border-radius: 15px;
    width: 100%;
}

.projects .elisio{
    background-image: url("../assets/images/projects/elisio/elisio_dark.png");
    background-position: center;
    background-size: cover;
    border-radius: 15px;
    width: 100%;
}

.satvs:hover, .eonia:hover, .meraki:hover, .solus:hover, .kalos:hover, .elisio:hover{
    transform: scale(1.05); 
    opacity: 0.8;
}

@media only screen and (max-width : 430px){
    .projects{
        padding: 10rem 0;
    }
    .projects_cont{
        grid-template-columns: 100%;
    }

    .projects .satvs{
        grid-row: 1/1;
    }
}