@media (max-width: 768px) {
    .navbar {
        z-index: 1;
    }
    .landing-page {
        width: 100%;
    }
    .sub-land-text {
        font-size: 30px;
    }
    .main-landing {
        align-items: center;
        text-align: center;
        display: grid;
        grid-template-rows: 1fr 1fr 1fr;

        grid-template-areas:
            "logo"
            "embrace"
            "best"
        ;
        padding-bottom: 500px;
    }

    .embrace {
        grid-area: embrace;
        font-size: 2rem;
        line-height: 1.6;
    }

    .trancendence-logo {
        grid-area: logo;
    }

    .landing-logo {
        grid-area: logo;
        width: 100%;
    }

    .best {
        font-size: 2rem;
    }
    .braincells {
        font-size: 0.7rem;
    }

    .small-txt {
        display: none;
        width: 70%;
    }

    .sub-landing {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 150px 150px;
        grid-template-areas:
            "venue "
            "events"
        ;
    }

    .arrow {
        display: none;
    }


    .home-info {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 100%;
        height: 100%;
        grid-template-areas:
            " presented"
            " date-reveal"
        ;

        align-items: center;
        text-align: ;
    }

    .space-1 {
        display: none;
    }

    .space-2 {
        display: none;
    }

    .space-3 {
        display: none;
    }

    .space-4 {
        display: none;
    }

    .follow {
        display: none;
    }

    .circles {
        display: none;
    }

    .date-reveal {
        flex-direction: column;
    }

    .datie {
        /* margin-bottom: 2rem; */
    }

    .reveal {
        margin-bottom: 2rem;
    }

    .events {
        margin-top: 10rem;
    }

    .event {
        grid-template-columns: 1fr;
        grid-template-areas:
            "left"
            "right"
        ;
    }

    .events-left {
        display: none;
    }

    .cardies {
        grid-template-columns: 100%;
        align-items: center;
        vertical-align: center;
    }
}