.text-primary {
    /* color:#0099cd !important; */
    color: #0099cd !important;
}

#searchSubmit {
    color: #0099cd !important;
    border-color: #0099cd !important;
}

#map {
    /* position: relative;
    overflow: hidden; */
   /* padding-bottom: 56.25%; */ /* 16:9 Aspect Ratio */
    height: 100%;
    /* width: 100%; */
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

    #map {
        height: 50vh;
    }

    .portDescriptionText {
        font-size: small;
    }
    .portDescriptionText > h2  {
        font-size: medium;
    }

    .portDescriptionText > h3  {
        font-size: small;
    }
    .portDescriptionText > h5  {
        font-size: small !important;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

    #map {
        height: 50vh;
    }
    .portDescriptionText {
        font-size: medium;
    }
    .portDescriptionText > h2  {
        font-size: medium;
    }

    .portDescriptionText > h3  {
        font-size: medium;
    }
    .portDescriptionText > h5  {
        font-size: small !important;
    }

}

.topic-subtopic__header {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
}

.topic-subtopic__title {
    color: #231f20;
    border-left: 12px solid #be1e2d;
    border-left: 12px solid #0099cd;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 18px;
}