.border-hover {
    box-shadow: 0px 0px 0px 2px #d4d4d4;
    transition: box-shadow 0.6s linear;

}

.border-hover:hover {
    box-shadow: 0px 0px 0px 2px #ffcc00;
}

.border-hover-top {
    box-shadow: 0px 0px 0px 2px #ffffff;
    transition: box-shadow 0.3s linear;
}

.border-hover-top:hover {
    box-shadow: 0px 0px 0px 2px #ffcc00;
}

.card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    transition: 0.3s;
    border-radius: 5px;

}

img {
    border-radius: 5px 5px 0 0;
}


/* Add some padding inside the card container */
.container {
    padding: 2px 6px;
}

@media screen and (min-width: 400px) and (max-width: 991px) {
    .card {
        min-height: 50px;
    }
}


@media screen and (min-width: 992px) and (max-width: 1060px) {
    .card {
        min-height: 170px;
    }
}

@media screen and (min-width: 1061px) {
    .card {
        min-height: 160px;
    }
}

/* Inline CSS */

#main-content {
    margin-top: 0px;
}

#main-content .top-content {
    max-width: 1280px;
    background-color: #ffffff;
    margin-top: 20px;
}

#main-content .top-content div {
    padding: 12px;
}

#main-content .top-content div img {
    border-radius: 5px 5px 5px 5px;
}

#main-content .middle-content {
    max-width: 1300px;
    background-color: #ffffff;
    margin-top: 15px;
    border: 0px solid #000000;
}

#main-content .middle-content .image img {
    border-radius: 4px;
}

#main-content .middle-content .content {
    padding: 20px;
}

#main-content .middle-content .content div {
    color: #000;
    font-size: 1.2em;
    padding-bottom: 20px
}

#main-content .last-content {
    padding-top: 0px;
    max-width: 1270px;
}

#main-content .last-content>div:not(.clearfix) {
    padding-bottom: 25px;
}

#main-content .last-content img {
    width: 100%;
}

#main-content .last-content div:nth-child(2) h4 {
    color: #233365;
}

#main-content .last-content div:nth-child(3) h4 {
    color: #b78841;
}

#main-content .last-content div:nth-child(4) h4 {
    color: #1999ae;
}

#main-content .last-content div:nth-child(5) h4 {
    color: forestgreen;
}

#main-content .last-content div:nth-child(6) h4 {
    color: #233365;
}

#main-content .last-content div:nth-child(7) h4 {
    color: #0498e9;
}

/* ! Inline CSS */