body, header, section {
    position: relative;
}
a 
{
    color: #337ab7;
    text-decoration: none
}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.icon-flex, .icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-wrapper {
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #337ab7;
    font-size: 4rem;
    width: 8rem;
    height: 8rem;
    background-color: #337ab7;
}
footer .icon-flex {
    margin: 1rem 1rem;
}

footer .icon-wrapper {
    font-size: 2rem;
    width: 4rem;
    height: 4rem;
}

    .icon-wrapper .bi {
        color: white;
    }

    .modal-dialog{
        max-width: 100% !important;
    }
@media (min-width: 768px) {
 
    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px
    }

    header {
        top: 108px;
    }
}