.primary-color {
    color: #4a8399;
}

.btn.btn-primary {
    background: #4a8399;
    background-color: #4a8399;
    border-color: #4a7c99;
}

.badge.bg-primary {
    background: #4a8399;
    background-color: #4a8399 !important;
}

.btn.btn-info {
    background: royalblue;
    background-color: royalblue;
}

.badge.bg-info {
    background: royalblue;
    background-color: royalblue !important;
}


.block-item .block-item-text {
    margin: 20px;
}

.block-item .block-item-text p {
    margin: 2px;
}

@media screen and (max-width: 1200px) {
    .block-item .block-item-text {
        margin: 10px;
    }
    
}


@media screen and (max-width: 700px) {
    .banner-legend {
        width: 100%;
        flex ! none;
        position: initial;
        display: block;
        margin: 10px;
        padding: 10px;
        max-width: initial;
    }
}