@media only screen and (max-width: 1530px) {
    main > div > div:first-of-type p {
        width: auto !important;
    }

    .scroll-images {
        width: 400px !important;
    }

    .scroll-images a {
        /* max-width: 400px !important; */
    }
}

@media only screen and (max-width: 975px) {
    div:has(.asset) {
        flex-direction: column;
        margin-bottom: 200px;
    }

    .scroll-images {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;

        width: 100% !important;
        height: 100%;

        padding: 30px 0 10px 0;

        max-width: unset !important;
        max-height: unset !important;

        overflow: visible;
    }

    .scroll-images a {
        width: 100%;
        /* height: 100%; */
    }

    .slideshow {
        padding: 15px;
        max-height: unset !important;
    }

    .slideshow > a:has(:nth-child(2)) > :not(:first-child) {
        display: none;
    }

    .slideshow::after {
        display: none;
    }

    .left-arrow, .right-arrow {
        display: none;
    }

    .slideshow a {
        display: block;
    }
}

@media only screen and (max-width: 850px) {
    .trophy {
        /* filter: brightness(50%); */
        display: none;
    }
}

@media only screen and (max-width: 760px) {

}

@media only screen and (max-width: 630px) {
    nav {
        position: fixed;
        flex-direction: row;
        
        top: unset;
        bottom: 0;
        left: 0;

        margin: 0;
        padding: 0;

        width: 100vw !important; 
        height: 60px;
        transition: none;

        background-color: rgba(18, 22, 24);
    }

    nav > a {
        display: none;
    }

    nav > .nav-links {
        width: 100%;
        flex-direction: row;
        justify-content: space-evenly;
    }

    nav .nav-link > div {
        display: none;
    }

    nav .nav-others {
        display: none;
    }

    nav .nav-link {
        padding: 0 !important;
        display: flex;
        align-items: center;
    }

    main {
        padding: 0 20px 0 20px !important;
        margin: 0;
    }

    .logo-nav {
        display: block;
    }
}

@media only screen and (max-width: 490px) {

}