.h-Topic {
    font-size: 65px;
    font-weight: bold;
    text-align: center;
}

.a-hosp {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    text-decoration: none !important;
    border: 1px dashed #d7d7d7;
    border-radius: 10px;
    margin: 4px 0;
    padding: 2px 5px;
}

.nav {
    display: block !important;
}

.rblock {
    width: 50%;
}

.d-title {
    font-size: 30px;
    font-weight: bold;
    color: #3396D3;
    text-align: center;
}

.d-notify {
    font-size: 42px;
    font-weight: bold;
    color: #006A67;
    text-align: center;
}

.d-result {
    font-size: 42px;
    font-weight: bold;
    color: #154D71;
    text-align: center;
}

.d-full {
    color: #E62727 !important;
}

.d-border {
    border: 1px dashed #d1d1d1;
    border-radius: 10px;
    padding: 8px 15px;
}

a.active {
    background-color: #007bff !important;
    color: #FFFFFF !important;
}

@media(max-width:576px) {
    .h-Topic {
        font-size: 30px;
    }

    .a-hosp {
        font-size: 28px;
        width: 100%;
    }

    .rblock {
        width: 100%;
    }

    .d-title {
        font-size: 30px;
        font-weight: bold;
        color: #3396D3;
        text-align: center;
    }

    .d-notify {
        font-size: 30px;
        font-weight: bold;
        color: #006A67;
        text-align: center;
    }

    .d-result {
        font-size: 36px;
        font-weight: bold;
        color: #154D71;
        text-align: center;
    }
}

@media(min-width:576px) {
    .h-Topic {
        font-size: 30px;
    }

    .a-hosp {
        font-size: 30px;
    }

    .rblock {
        width: 100%;
    }

    .d-title {
        font-size: 30px;
        font-weight: bold;
        color: #3396D3;
        text-align: center;
    }

    .d-notify {
        font-size: 30px;
        font-weight: bold;
        color: #006A67;
        text-align: center;
    }

    .d-result {
        font-size: 30px;
        font-weight: bold;
        color: #154D71;
        text-align: center;
    }
}

@media(min-width:768px) {
    .h-Topic {
        font-size: 42px;
    }

    .a-hosp {
        font-size: 20px;
        display: inline;
    }

    .rblock {
        width: 50%;
    }

    .d-title {
        font-size: 30px;
        font-weight: bold;
        color: #3396D3;
        text-align: center;
    }

    .d-notify {
        font-size: 42px;
        font-weight: bold;
        color: #006A67;
        text-align: center;
    }

    .d-result {
        font-size: 42px;
        font-weight: bold;
        color: #154D71;
        text-align: center;
    }
}

@media(min-width:992px) {
    .h-Topic {
        font-size: 54px;
    }

    .a-hosp {
        font-size: 26px;
    }
}

@media(min-width:1200px) {
    .h-Topic {
        font-size: 65px;
    }

    .a-hosp {
        font-size: 32px;
    }
}