@media only screen and (max-width: 990px) {
    .nav-item {
        text-align: center;
        border-radius: 5px;
        background: #ececec;
        margin: 3px;
    }

    .nav-item:hover {
        background: rgba(231, 231, 231, 0.584);
    }

    .navbar-collapse {
        position: absolute;
        width: 100%;
        top: 56px;
        left: 0px;
        bottom: 0px;
        z-index: 9999999;
        background: #dedede;
        transition: 0.5s;

    }


    .navbar-nav,
    .collapsing {
        background: rgba(218, 218, 218, 0.895);
        transition: 0.5s;
        border-radius: 0 0 5px 5px;
        padding-bottom: 1px;
    }

    .contact-contact {
        font-size: 13px;
    }


    .socials a {
        width: 35px !important;
        font-size: 15px;
        margin: 7px;
    }

    .page-caption img {
        display: block;
        margin: auto;
    }
}