* {
    color: var(--white);
    box-sizing:border-box
}

html {
    margin: 0 !important;
}

body {
    margin: 0 !important;
    transition: all 0.5s;
    background-color: var(--black);

    page {
        display: block;
        transform-origin: top left;
        transform-style: preserve-3d;
        transition: all 0.5s;

        main {
            section {
                position: relative;
                display: block;
                padding-top: 40px;
                padding-bottom: 40px;

                &:first-child {
                    padding-top: 0;
                }

                container {
                    position: relative;
                    display: block;
                    width: 80%;
                    max-width: 1522px;
                    margin: 0 auto;
                }

                columns {
                    display: grid;
                    grid-gap: 40px;

                    &.col-2 {
                        grid-template-columns: repeat(2, 1fr);
                    }
                    &.col-3 {
                        grid-template-columns: repeat(3, 1fr);
                    }
                }
            }
        }
    }
}

a {
    display: inline-block;
    margin: 0 !important;
    text-decoration: none;
}

img {
    width: 100%;
    height: auto;
}
[data-tag="image"] {
    position: relative;
    width: 100%;
    min-height: 400px;
    max-height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.show-mobile {
    display: none !important;
}
.show-desktop {
    display: block !important;
}

/*-------------------------------------------------------------------------------------------------------|RESPONSIVE|---*/
@media screen and (max-width: 1025px) {
    .show-mobile {
        display: block !important;
    }
    .show-desktop {
        display: none !important;
    }
}
@media screen and (max-width: 600px) {
}