.navbar-dark {
    background-color: #172E4B;
    margin-bottom: 12px;
}

/* Responsive Card Deck Solution with flex */
.card-deck {
    margin: 0;
    justify-content: space-around;
}

@media (min-width:576px) and (max-width:767px) {
    .card-deck {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
}

.card-deck .card {
    box-shadow: 5px 4px 18px;
    margin: 2rem 0 2rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .card-deck .card {
        -ms-flex: 0 0 48.7%;
        flex: 0 0 48.7%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .card-deck .card {
        -ms-flex: 0px 0 47%;
        flex: 0 0 47%;
    }
}

@media (min-width: 992px)
{
    .card-deck .card {
        -ms-flex: 0 0 24%;
        flex: 0 0 24%;
    }
}

@media (max-width:767px) {
    #fullcalendar {
        display: none;
    }
}

@media (min-width:768px) {
    #listcalendar {
        display: none;
    }
}

.h4 {
    font-weight: lighter;
}

.h3 {
    font-weight: lighter;
}

.card-text {
    font-weight: 200;
}

.card-header {
    font-weight: 300;
}