html,body {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    /* height:100%; */
}

.nhsbg {
    position:relative;
    background: url(../img/hospital.jpg) no-repeat center center;
    background-size: cover;
}

.bg-custom {
    background: rgb(0,0,0);
    background: linear-gradient(135deg, rgba(0,0,0,0.5) 57%, rgba(255,255,255,0.25) 0%);
}

.frmbg {
    background: hsla(0, 0%, 100%, 0.7);
    border-radius: 10px;
}

.frmbg label { font-weight: 700; }

.fw-100 { font-weight: 100; }
.fw-200 { font-weight: 200; }
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }
.fw-800 { font-weight: 800; }
.fw-900 { font-weight: 900; }

.divider {
    border-top:10px solid #91BBE6;
}

.text-shadow {
    text-shadow: 1px 1px 0 hsla(0, 0%, 0%, 0.8);
}

.btn-register {
    background-color: hsla(0, 0%, 100%, 0.7);
    color: hsl(0, 0%, 17%);
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 900;
    text-decoration: none;
    display: inline-block;
    letter-spacing: 0.3rem;
}

.campaign-header {
    font-size: min(3vw, 3rem);
}
.campaign-date {
    font-size: min(2.7vw, 2.7rem);
}
.campaign-description,
.campaign-venue {
    font-size: min(2vw, 2rem);
}
/* .campaign-venue {
    font-size: min(1.8vw, 1.8rem);
} */


@media (max-width: 1024px) {
    .campaign-header,
    .campaign-date {
        font-size: 2rem; /* Or any desired minimum fixed size */
    }
}

@media (max-width: 767px) {
    .bg-custom {
        background: rgba(0,0,0,0.5); /* This will remove the gradient and set a solid black background */
    }
    .campaign-header,
    .campaign-date {
        font-size: 1.6rem; /* Or any desired minimum fixed size */
    }
    .campaign-description  {
        font-size: 1.2rem;
    }
    .campaign-venue {
        font-size: 1.2rem;
    }
    .addr-break { display: block; }
}