.title {
    font-family: 'Raleway', sans-serif;
    letter-spacing: 1px;
}

.card-1, .card-2, .card-3 {
    background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .5)), url(../images/conaic/conaic_slide2.jpg) center no-repeat /cover;
    box-shadow: 7px 18px 50px #555;
    max-width: 400px;
    height: 380px;
}

.card-1, .card-2, .card-3 {
    font-family: 'Raleway', sans-serif;
    letter-spacing: 2px;
}
.white{
    color: white;
}
.card{
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.align-items-center{
    margin: auto;
    width: 80%;
    padding: 10px;
}

.price {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 60px;
    color: white !important;
}

.card-list-item {
    border-bottom: 1px groove #eee;
    width: 55%;
    margin: auto;
}

.price-card-button {
    background: #f5593d;
    width: 130px;
    border-radius: 0;
    box-shadow: 5px 8px 18px #000;
    transition: .2s;
}

.price-card-button:hover {
    background: #f9793d;
    transform: translateY(-2px);
}

.card-1 {
    transition: transform .5s;
    animation-name: moveFromLeft;
    animation-duration: 2s;
}

.card-1:hover {
    transform: scale(1.1);
    cursor: pointer;
}

.card-3 {
    transition: transform .5s;
    animation-name: moveFromRight;
    animation-duration: 2s;
}

.card-3:hover {
    transform: scale(1.1);
    cursor: pointer;
}

.card-2 {
    transition: transform .5s;
    animation-name: moveFromBottom;
    animation-duration: 2s;
}

.card-2:hover {
    transform: scale(1.1);
    cursor: pointer;
}

@keyframes moveFromLeft {
    0% {
        transform: translateX(-100px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes moveFromRight {
    0% {
        transform: translateX(100px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes moveFromBottom {
    0% {
        transform: translateY(100px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}