@media screen and (max-width: 800px) {
    h1 {
        font-size: 2em;
    }

    p {
        text-align: left;
    }

    .elem p {
        text-align: left;
    }

    .split {
        width: 100%;
        position: relative;
    }

    .splitwrapper {
        width: 95%;
        margin: 0 auto;
    }

    .navbar {
        display: none;
    }

    .centered {
        position: relative;
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 100%;
        top: -5%;
        left: 0;
        margin: auto;
    }

    .navbar-wrapper {
        z-index: 100000;
        width: 100%;
        position: sticky;
        opacity: 1;
        background-color: #141414;
        top: 0;
        height: 65px;
    }

    .dropdown {
        overflow: hidden;
        display: none;
        position: relative;
        background-color: #171717;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
        z-index: 1;
        border-radius: 5px;
        text-align: left;
    }

    .nav-title {
        display: inline-block;
        padding-bottom: 2px;
        background-image: linear-gradient(white 0 0);
        background-position: 0 100%; /*OR bottom left*/
        background-size: 0 2px;
        background-repeat: no-repeat;
        transition: background-size 0.3s,
        background-position 0s 0.3s; /*change after the size immediately*/
    }

    .fade-in {
        opacity: 0;
        transform: translateX(-20%);
        animation: fade-in .4s ease-in-out forwards;
    }

    @keyframes fade-in {
        from {
            opacity: 0;
            transform: translateX(-20%);
        }
        to {
            opacity: 1;
            transform: translateX(0);
        }
    }

    .dropdown a {
        color: white;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

    .show {
        display: block;
    }

    .dropdown-navbar {
        margin-top: 2%;
        display: inline-block;
        width: 98%;
        background-color: #171717;
        border-radius: 5px;
        border: 2px solid rgba(255, 255, 255, 0.1);
    }

    .dropdown-button {
        background-color: #171717;
        /*border: 2px solid rgba(255, 255, 255, 0.1);*/
        border: 0;
        width: 40px;
        height: 40px;
        cursor: pointer;
        color: white;
        border-radius: 5px;
        position: absolute;
        right: 2%;
    }

    .vis-dropdown {
        border-radius: 5px;
        display: flex;
        align-items: center;
        height: 45px;
    }

    .vis-dropdown > h2 {
        margin: 0 0 0 2%;
    }

    .slide img {
        width: 100%;
    }

    .slide p {
        width: 100%;
    }

    #cards {
        position: relative;
        width: 100%;
        transform: none;
        -ms-transform: none;
        left: auto;
        top: auto;
        overflow-y: hidden;
    }

    #cards > .elem-link {
        width: 100%;
        margin: 0 auto 10px auto;
        height: 200px;
    }

    .elem_text > h2 {
        font-size: 1.0rem;
    }

}

@media screen and (min-width: 799px) {

    .dropdown-navbar {
        display: none;
    }
}