:root {
    --main-blue: #00457c;
    --main-green: #14d214;
    --main-white: #ffffff;
    --main-grey: #eff3f8;
    --main-yellow:#cf9406;
    --header-brad:10px;
    --header-shadow:#878787 0px -8px 3px 0;
    --second-grey:#9ca3ab;
}
.icon-btn-list{
    display: grid;
    gap:10px;
    grid-template-columns: 1fr 1fr 1fr;
}

.icon-btn .label{
    color: black;
    white-space: normal;
}

.icon-btn .fa {
    font-size: 2.65rem;
    color: var(--main-blue);
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login
{
    display: none;
}
.m-here-for-you{
    display: none;
}
@media (max-width: 1020px) {
    .featured{
        display: none;
    }
    #twocolumns{
        display: none;
    }
    .jumbotron{
        display: none;
    }
    .login{
        background: var(--main-blue);
        color: var(--main-white);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .login fieldset{
        max-width: 500px;
    }
    .btn.login{
        background: var(--main-white);
        color: var(--main-blue);
    }
    .m-here-for-you{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: var(--main-grey);
        padding: 15px;
        gap:15px;
    }
    .m-login-btns-container{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
    .icon-btn{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 80px;
        background: white;
        border-radius: 12px;
        text-align: center;
        gap: 5px;
        padding: 10px;
    }
}
@media (max-width: 600px) {
    .login-form{
        font-size: 1.12rem;
    }
    .btn{
        font-size: 0.9rem;
    }

}