.vaccines-page .header-image {
    max-width: none;
    background: #674b85;
}
.vaccines-page .header-image img {
    max-width: 60rem;
    margin: 2rem;
}
.vaccines-page .content-container {
    max-width: 60rem;
}
.vaccines-page .content-area h2 {
    color: #684b85;
    font-size: 2rem;
    text-align: center;
    line-height:1.3;
    margin-bottom:2rem;
}
.vaccines-page .content-area p {
    color: #6E6F71;
    font-size: 1.5rem;
    text-align: center;
    line-height:1.5;
    margin-bottom:2rem;
}
.vaccines-page .content-area p a {
    text-decoration: underline;
}
.vaccines-page .content-area ul.booking-links {
    display:flex;
    flex-flow:row wrap;
    gap:1rem;
    align-items: center;
    text-align: center;
    list-style:none;
    padding:0;
    margin-bottom:2rem;
}
.vaccines-page .content-area ul.booking-links li {
    display:flex;
    align-items: center;
    text-align: center;
    flex:1;
    background:url('../img/band-aid-button.svg') no-repeat;
    background-size:100%;
    aspect-ratio: 300 / 95;
}
.vaccines-page .content-area ul.booking-links li a {
    display:flex;
    align-items: center;
    color:#ffffff;
    background:#C48529;
    border-radius:16px;
    height:78%;
    padding:0 10%;
    margin:0 auto;
    font-size:1.1375rem;
    font-weight: bold;
    line-height: 1;
    max-width:7rem;
}
.vaccines-page .content-area ul.booking-links li a.ext:after {
    display:none;
}
[data-whatintent='mouse'] .vaccines-page .content-area ul.booking-links li a:hover {
    background:#9e6b20;
}
@media print, screen and (max-width: 40em) {
    .vaccines-page .content-area h2 {
        font-size: 1.75rem;
    }
    .vaccines-page .content-area p {
        font-size: 1.125rem;
    }
}
@media print, screen and (max-width: 60em) {
    .vaccines-page .content-area ul.booking-links {
        max-width:30rem;
        margin-left:auto;
        margin-right:auto;
    }
    .vaccines-page .content-area ul.booking-links li {
        flex:0 0 calc(50% - 1rem);
    }
}