header .Header i {
    opacity: 0;
}

@media only screen and (max-width:900px) {
    header nav:not(.collapse) li {
        display: none;
    }

    header .Header i {
        display: inline;
        float: right;
        font-size: 3em;
        color: #000;
        opacity: 1;
        margin-left: 1em;
    }

    header .Header {
        left: 0;
        right: 0;
        border-radius: 0;
        padding-top: 2em;
        padding-bottom: 3em;
        top: 0;
    }

        header .Header img {
            height: 4em;
            margin-top: 2.5em;
            object-fit: contain;
        }

    header .navActive {
        display: none;
    }

    header nav.collapsed li {
        display: block;
    }

    header nav.collapsed {
        display: block;
        /* float: none; */
        margin: 0;
        padding: 0;
        height: 100vh;
        width: 100%;
        margin-top: 6em;
        background: #6161eb;
        z-index: 99;
        left: 0;
        /* margin-right: 65px;*/
    }

    header .HeaderActive.collapsed {
        box-shadow: none;
    }

    header nav.collapsed li {
        padding: 2em;
    }

    @keyframes slider {
        0% {
            opacity: 1;
        }

        50% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }
}

@media only screen and (max-width:600px) {
    .Collapsed_NavBar {
        height: 20vh;
    }
    header .Header i {
        font-size: 1.5em;
        margin-top: 1.5em;
    }

    header .Header img {
        height: 3em;
        margin-top: 1.5em;
    }

    header .Header {
        padding-top: 1em;
        padding-bottom: 2em;
    }

    header nav.collapsed {
        margin-top: 4em;
    }

        header nav.collapsed li {
            padding: 2em 1em 1em 1em;
        }

    header h1 {
        margin-top: 13vh;
        font-size: 1.5em;
    }
}