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

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

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

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

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

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

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

.colabs .seasons{
    background-image: url("../assets/images/colabs/4seasons.png");
    background-position: center;
    background-size: cover;
    border-radius: 15px;
    width: 100%;
    grid-row: 1/3;
}

.latitud:hover, .summit:hover, .conrad:hover, .marriot:hover, .seasons:hover{
    transform: scale(1.05); 
    opacity: 0.8;
}

@media only screen and (max-width : 430px){
    .colabs{
        margin-top: 0;
        padding: 6rem 0;
    }
    .colabs_cont{
        grid-template-columns: 100%;
    }

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

    .colabs .seasons{
        grid-row: 1/1;
    }
    
}