.system-img {
    padding: 15px 10px 15px 10px;
    height: 280px !important;
    width: 100%;
    display: block;
}


.pointer {
    cursor: pointer;
}


.bg-blue {
    color: #fff;
    border-radius: 3px;
    background: #005dab !important;
}

.jumbotron {
    padding: 15px 15px 5px 15px !important;
    margin-bottom: 2px !important;
}

#systems-list {
    margin-left: -30px;
    margin-right: -30px;
}

/*

     .card-image {
                color: white;
                font-size: 18px;
            }

            .card-image-text {
                text-align: center;
                z-index: 999;
                position: absolute;
                top: 100px;
            }

*/



/* Animaciones */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fast {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}