/*----------------Quick links------------------------------*/
#quick-links {
    min-height: 200px;  
    width: 100%;
    position: relative;
    z-index: 2;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#052659+0,052659+0,052d6a+22,113775+45,113775+55,052d6a+99 */
    background: rgb(5,38,89); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(5,38,89,1) 0%, rgba(5,38,89,1) 0%, rgba(5,45,106,1) 22%, rgba(17,55,117,1) 45%, rgba(17,55,117,1) 55%, rgba(5,45,106,1) 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(5,38,89,1) 0%,rgba(5,38,89,1) 0%,rgba(5,45,106,1) 22%,rgba(17,55,117,1) 45%,rgba(17,55,117,1) 55%,rgba(5,45,106,1) 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(5,38,89,1) 0%,rgba(5,38,89,1) 0%,rgba(5,45,106,1) 22%,rgba(17,55,117,1) 45%,rgba(17,55,117,1) 55%,rgba(5,45,106,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#052659', endColorstr='#052d6a',GradientType=1 ); /* IE6-9 */
}

#quick-links {
    padding: 25px 0 25px 0;
}

    #quick-links .row > div {
        text-align: center;
    }

    #quick-links img {
        padding: 25px 0;
        max-width: 106px;
    }

    #quick-links a {
        color: white;
        text-decoration: none;
        display: flex;
        flex-direction: column;
        align-content: center;
        text-align: center;
        align-items: center;
    }

        #quick-links a:hover figure {
            display: flex;
            border: 1px solid #fff;
            background-color: #2E4276; /*#042250;*/
            -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.31);
            -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.31);
            box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.31);
            transition: ease .3s;
        }
        #quick-links a:hover  {
            color:#b4dffd;
        }

    #quick-links figure {
        border: 1px solid white;
        border-radius: 100%;
        width: 105px;
        height: 105px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

@media (max-width:991px) {
    #quick-links {
        padding: 25px 0 0 0;
    }
}

@media (max-width:575px) {
    #quick-links img {
        max-width: 50px;
        float: left;
        padding: 0;
    }
}

@media (min-width:575px) {
    #quick-links span {
        display: block;
        width: 100%;
    }

}

@media (min-width:768px) {
    #quick-links span {
       max-width: 130px;
       font-size: 1rem;
       line-height: 1.2;
    }
}
@media (max-width:991px) {
    #quick-links span {
        margin-bottom: 20px;
         }
}
@media (min-width:992px) {
    #quick-links span {
       margin-top: 20px;
    }
}