.index-content a:hover {
    color: black;
    text-decoration: none;
}

.index-content {
    margin-bottom: 20px;
    /*padding: 50px 0px;*/
}

    .index-content .row {
        margin-top: 20px;
    }

    .index-content a {
        color: black;
    }

    .index-content .card {
        /*background-color: #edffff;*/
        background-color: #ebf4f6;
        height: 500px;
        padding: 0;
        margin-bottom: 25px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    }

        .index-content .card:hover {
            box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.3);
            color: black;
        }

        .index-content .card img {
            width: 100%;
            height: 170px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

        .index-content .card h4 {
            margin: 20px;
            font-weight: 300;
            color: #00405d;
        }

        .index-content .card p {
            margin: 20px;
            position: absolute;
            opacity: 0.65;
            top: 240px;
        }

    .index-content .blue-button {
        position: absolute;
        top: 90%;
        width: 100px;
        -webkit-transition: background-color 1s, color 1s; /* For Safari 3.1 to 6.0 */
        transition: background-color 1s, color 1s;
        min-height: 20px;
        background-color: #002E5B;
        color: #ffffff;
        border-radius: 4px;
        text-align: center;
        font-weight: lighter;
        margin: -15px 20px 15px 20px;
        padding: 5px 0px;
        display: inline-block;
    }

        .index-content .blue-button:hover {
            background-color: #00d8df;
            color: #ffffff;
        }

@media (max-width: 768px) {

    .index-content .col-lg-4 {
        margin-top: 20px;
    }

    .index-content .card {
        height: 600px;
    }

        .index-content .card h4 {
            margin: 20px;
            font-weight: 400;
        }

    /*.index-content .card p {
        margin: 20px;
        position: absolute;
        opacity: 0.65;
        top: 200px;
    }*/
}