@media all and (min-width: 992px) {
     .navbar .nav-item .dropdown-menu{ display: none; }
     .navbar .nav-item:hover .nav-link{ color: #fff;  }
     .navbar .nav-item:hover .dropdown-menu{ display: block; }
     .navbar .nav-item .dropdown-menu{ margin-top:0; }
}

@media (min-width: 576px) {
    .card-columns {
        column-count: 2;
    }
}

@media (min-width: 768px) {
    .card-columns {
        column-count: 3;
    }
}

@media (min-width: 992px) {
    .card-columns {
        column-count: 4;
    }
}

@media (min-width: 1200px) {
    .card-columns {
        column-count: 4;
    }
}

html {
     position: relative;
     min-height: 100%;
}

body {
     margin-bottom: 100px;
}

.breadcrumb {
     padding-bottom: 15px;
     padding-top: 15px;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #e02e3b !important;
    color: #ffffff !important;
}

.dropdown-item:hover {
    background-color: #e02e3b;
    color: #ffffff !important;
}

.my-flex-card > div > div.card {
     color: rgb(0,0,0);
     height: calc(100% - 15px);
     margin-bottom: 15px;
}

.navbar .btn-nav {
    color: #fff !important;
}

.navbar .btn-nav:hover {
    color: #f8f9fa !important;
}

.note-frame {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.page-header {
     background-color: #e02e3b;
}

.page-footer {
     bottom: 0;
     background-color: #000000;
     position: absolute;
     height: 100px;
     width: 100%;
}