@media (max-width: 991px) {

    .navbar {
        width:100%
    }
    .card-menu img {
        height: 10vh;
    }
    
    .card-menu {
        font-size: 5vw;
    }
}

@media (min-width: 992px) {
    .navbar {
        width:97%
    }

    .card-menu img {
        height: 15vh;
    }
    
    .card-menu {
        font-size: 1.35vw;
    }
}

.brand-text {
    font-size: 1.1rem;
}

.card-menu {
    text-align: center;
    font-weight: 600;
    color: #414042;
}

.card-menu:hover {
    box-shadow: 5px 5px 10px #737373;
    cursor: pointer;
}


table {
    width: 100%;
    border-collapse: collapse;
}

table thead {
    position: sticky;
    top:55px;
    background: whitesmoke;
}

.top-row {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.table-default th {
    background: #b2872f;
}

.table-blue th {
    background: #2b3990;
}

.table-teal th {
    background: #00a79d;
}

.table-green th {
    background: #009444;
}

.table-violet th {
    background: #9e1f63;
}

.table-default th, .table-blue th, .table-green th, .table-teal th, .table-violet th {
    padding: 1vh 1vw;
    /* border: solid 1px #b2872f; */
    color: #fff;
}

.table-default td {
    border: solid 1px #b2872f;
}

.table-blue td {
    border: solid 1px #2b3990;
}

.table-teal td {
    border: solid 1px #00a79d;
}

.table-green td {
    border: solid 1px #009444;
}

.table-violet td {
    border: solid 1px #9e1f63;
}

.table-default td, .table-blue td, .table-teal td, .table-green td, .table-violet td {
    padding: 1vh 1vw;
    border: solid 1px #b2872f;
}

.top-left {
    border-top-left-radius: 5px;
}

.top-right {
    border-top-right-radius: 5px;
}

.shaded-row {
    background: #e2ecf1;
}

canvas {
    width: 100%;
}

.bg-gold {
  background: #b98a15!important;
}

blockquote {
    border-left: 0.7rem solid #b98a15;
}

blockquote.quote-gold h1,
blockquote.quote-gold h2,
blockquote.quote-gold h3,
blockquote.quote-gold h4,
blockquote.quote-gold h5,
blockquote.quote-gold h6 {
  color: #b98a15!important;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}