.navbar-toggler {
    /* width: 10%; */
    /* height: 60%; */
    /* margin-top: 1%; */
}

/**************************************
                < 992px
***************************************/
@media (max-width: 992px) {
    .navbar .navbar-brand {
        position: static;
    }
    body {
        padding-top: 100px;
        font-size: 1.3rem;
    }

    .navbar {
        /*height: 100px;*/
    }

    .navbar .navbar-brand img {
        height: 80px;
    }

    .navbar .nav-social-info {
        display: none;
    }

    .navbar-collapse {
        position: absolute;
        right: 0px;
        top: 53px;
        padding: 10px 20px;
        background: rgba(238, 243, 251, 0.9);
    }

    .navbar-collapse .dropdown-menu {
        background: none;
        border: none;
        color: inherit;
    }

    .mobile-login {
        display: block;
    }

    /* FOOTER */
    footer .links {
        text-align: center;
        margin: 0 auto;
    }

    footer .links .link {
        float: none;

    }

    footer .links .link a:before {
        content: "";
    }

    /* FANCY HEADER */
    h1.fancy {
        font-size: 2rem;
    }

}

/**************************************
                < 800px
***************************************/
@media (max-width: 800px) {
    body {
        font-size: 1.3rem;
    }
}

/**************************************
                < 768px
***************************************/
@media (max-width: 768px) {
    body {
        font-size: 1.3rem;
    }
}

/**************************************
                < 480px
***************************************/
@media (max-width: 480px) {
    body {
        padding-top: 60px;
    }

    .navbar {
        height: 60px;
    }

    .navbar .navbar-brand img {
        height: 50px;
    }

    .text-banner h1 {
        font-size: 1.6rem;
        line-height: 200%;
    }

}

/**************************************
                < 400px
***************************************/
@media (max-width: 400px) {
    .text-banner h1 {
        font-size: 1.2rem;
        line-height: 250%;
    }
}

/**************************************
                < 350px
***************************************/
@media (max-width: 350px) {
}