/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 0px;
    padding-bottom: 20px;
    font-size: 1rem;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Added in some fixed hights for the H tags as seemed to be all over from Bootstrap*/
h4, h5 {
    font-size: 1.40625rem;
    font-weight: bold;
}

h3 {
    font-size: 1.3rem;
    font-weight: bold;
}

h2 {
    font-size: 1.2rem;
    font-weight: bold;
}



/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 100%;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}


.card-body-icon {
    position: absolute;
    z-index: 0;
    top: -1.25rem;
    right: -1rem;
    opacity: 0.4;
    font-size: 5rem;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}



.NHSBackDarkBlue {
    background-color: #003087;
    border-top: 3px solid #003087;
}

.NHSBackBlue {
    background-color: #005EB8;
    border-top: 3px solid #005EB8;
}

.NHSBackBrightBlue {
    background-color: #0072CE;
    border-top: 3px solid #0072CE;
}

.NHSBackLightBlue {
    background-color: #41B6E6;
    border-top: 3px solid #41B6E6;
}

.NHSBackAquaBlue {
    background-color: #00A9CE;
    border-top: 3px solid #00A9CE;
}

.NHSLightGreyBack {
    background-color: #f0f4f5;
    border-top: 3px solid #f0f4f5;
}

.NHSLightGreyBackFooter {
    background-color: #f0f4f5;
    border-top: 3px solid #003087;
    color: #000000;
}

.nhsHRgrey {
    padding-bottom: 12px;
    border-bottom: 1px solid #337EC6;
}

.NHSDarkGreyBack {
    background-color: #425563;
    color: #000000;
}


gray-dark
/* Replicating NHS Styles */
h4, .h4 {
    font-size: 1.6rem;
}

p, .p {
    font-size: 1rem;
}