.main-section {
    float: left;
    position: relative;
    width: 100%;
    /*background-image: url(../img/imglogobackground.jpg);*/
    background-size: cover;
    height: 92vh;
    padding: 50px 0px;
    background-repeat: no-repeat;
    background-position: center;
}

.link-box {
    float: left;
    position: relative;
    width: 100%;
    text-align: center;
    border: solid 2px #ffffff;
    padding: 20px 10px;
    border-radius: 8px;
    transform: scale(0.99);
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
}

    .link-box:hover {
        transform: scale(1.1);
        -webkit-transition: all 0.45s ease-in-out;
        -moz-transition: all 0.45s ease-in-out;
        -o-transition: all 0.45s ease-in-out;
        -ms-transition: all 0.45s ease-in-out;
        transition: all 0.45s ease-in-out;
    }

    .link-box h3 {
        color: #fff;
        text-transform: uppercase;
        margin: 35px 0px 5px;
        font-size: 18px;
    }

    .link-box img {
        width: 100%;
        max-width: 115px;
        height: 115px;
        border: solid 1px #000;
        padding: 3px;
    }

    .link-box h3 {
        color: #fff;
        text-transform: uppercase;
    }

.bg-one {
    background: #336699;
}

.bg-two {
    background: #20B2AA;
}

.bg-three {
    background: #666699;
}

.bg-four {
    background: #ffc0cb;
}

@media screen and (min-width:768px) and (max-width:991px) {
    .link-box h3 {
        color: #fff;
        text-transform: uppercase;
        font-size: 15px;
    }

    .link-box {
        margin-bottom: 10%;
    }
}

@media screen and (min-width:320px) and (max-width:767px) {
    .link-box {
        margin-bottom: 10%;
    }
}

.display-align {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}