@media screen and (max-width: 1380px) {
    .pictures {
        grid-template-columns: repeat(2, 1fr);
    }
    .p-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 1280px) {
    .nav-links {
        overflow: hidden;
        display: flex;
        flex-direction: column;
        position: absolute;
        background: #2aca8d;
        width: 100%;
        align-items: center;
        right: 0px;
        top: 7vh;
        height: 93vh;
        z-index: 999;
        transform: translateX(-100%);
        transition: 0.7s all ease;
    }
    .nav-active {
        transform: translateX(0);
    }
    .nav-link {
        padding: 25px 768px 25px 768px;
    }
    .hamburger {
        display: inline-block;
    }
    .line1,
    .line2,
    .line3 {
        height: 3px;
        width: 36px;
        background: rgb(255, 238, 238);
        margin: 5px 0;
    }
    .line2 {
        width: 24px;
    }
    .line3 {
        width: 12px;
    }
    .grid {
        grid-template-columns: 1fr;
    }
    .span-col-2 {
        grid-column: auto;
    }
    .span-col-3 {
        grid-column: auto;
    }
    .span-row-2 {
        grid-row: auto;
    }
}

@media screen and (max-width: 860px) {
    .pictures {
        grid-template-columns: 1fr;
    }
    .p-cards {
        grid-template-columns: 1fr;
    }
    .videos {
        grid-template-columns: 1fr;
    }
    .nav-bar {
        background: #2aca8d;
    }
}

@media screen and (max-width: 460px) {
    .nav-bar h1 {
        font-size: 18px;
    }
    .socio ul li {
        padding: 10px;
    }
    .socio ul li i {
        font-size: 18px;
    }
}