center.CenterContainer {
    margin: auto;
    width: 60%;
    /*justify-content: center;*/
    /*position: absolute;
    left: 50%;
    top: 650px;
    transform: translate(-50%, -50%);*/
    /*display: table-cell;
    vertical-align: middle;*/
}

.card-container {
    display: inline-block;
    background-color: white;
    border-radius: 10px;
    margin: 30px 5px 20px 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(135,131,135,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(135,131,135,1);
    box-shadow: 0px 0px 5px 0px rgba(135,131,135,1);
    min-height: 300px;
    min-width: 250px;
    max-width: 300px;
}

    .card-container:hover {
        transition: 0.3s;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(135,131,135,1);
        -moz-box-shadow: 0px 0px 5px 0px rgba(135,131,135,1);
        box-shadow: 0px 0px 5px 0px rgba(135,131,135,1);
    }

    .card-container ~ .icon-card i {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
    }

    .card-container:hover, .card-container:focus, .card-container:active ~ .icon-card i {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        color: #265072;
    }

    .card-container .first-container {
        background-color: white;
        width: 100%;
        border-radius: 10px;
        margin-bottom: 20px;
        height: 250px;
    }

        .card-container .first-container .icon-card {
            width: 100%;
            height: 70px;
            padding-top: 30px;
        }

            .card-container .first-container .icon-card i {
                /*margin-left: 45%;*/
                font-size: 35px;
                color: #19354c;
            }

    .card-container:hover .first-container .icon-card i {
        color: #265072;
        transition: 0.3s;
    }

    .card-container .first-container .info-card {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 18px;
        text-align: center;
        color: #888888;
    }

        .card-container .first-container .info-card h3 {
            color: #606060;
            margin-bottom: 30px;
        }

    .card-container .second-container {
        background-color: rgb(243, 191, 59);
        border-radius: 10px;
        width: 100%;
        height: 50px;
        -webkit-box-shadow: 0px 0px 13px -6px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 13px -6px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 13px -6px rgba(0,0,0,0.75);
    }

        .card-container .second-container .btn-more {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            background-color: #132839;
            color: white;
            font-size: 18px;
            width: 100%;
            height: 100%;
            text-align: center;
            border-bottom-right-radius: 10px;
            border-bottom-left-radius: 10px;
        }

            .card-container .second-container .btn-more:checked {
            }

@media only screen and (max-width : 450px) {
    .card-container {
        margin-left: 40px;
        margin-right: 40px;
    }
}

.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .hvr-sweep-to-right:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #265072;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
        color: white;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

        .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
        }