html {
    font-size: 8pt;
    height: 100%;
}

body {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: #575757;
    text-align: center;
    background-color: #fcfcfe;
    height: 100%;
    padding: 0;
    margin: 0;
    display:flex;
    flex-direction: column;
    overflow-x: hidden;
}

div#top-banner {
    color: #121f4b;
    font-size: 1.5rem;
    font-weight: 400;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    border-bottom: 2px solid #f0f0f0;
}

div#banner-subtitle {
    font-size: 0.8em;
    padding-top: 0.0em
}

div#title {
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 2rem;
    padding-top: 0rem;
}
div#title > div#header {
    font-size: 3rem;
    padding-bottom: 1.5rem;
    background-image: url('logo.png');
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: contain;
    height: 97px;
    max-width:420px;
    margin:auto;
    margin-top: 1.5rem;
}

div#title-subtext {
    font-size: 1.5rem;
    color: #6f6f6f;
    max-width: 70rem;
    text-align: center;
    margin: auto;
    padding-top: 1rem;
    padding-bottom: 2rem;
}

div#middle-banner {
    background-color: #f6f5fa;
    font-size: 1.5rem;
    padding: 1rem;
}

div#bullet-container {
    padding-top: 3rem;
    border-bottom: 2px solid #f0f0f0;
    align-items: center;
    justify-content: center;
    display: flex;
}

div#content div#header {
    font-size:2rem;
    font-weight: 600;
}

div#content ul {
    text-align: left;
    padding-left:0;
    font-size: 1.5rem;
    margin-top:1rem;
}

div#content li {
    padding-top: 1rem;
}

div#contact-form-container {
    padding-top: 1rem;
    justify-content: center;
    display: flex;
}

div#contact-form-container #header {
    font-size: 2rem;
    font-weight: 600;
    text-align: left;
}

div#contact-form {
    max-width: 40rem;
}

div#contact-form-container form input, textarea {
    width: 100%;
    margin-top: 0.5rem;
    padding: 0.5rem;
    padding-left: 0.7rem;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    outline:none;
}

form button {
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    margin-top: 1rem;
    background-color: #286387;
    outline:none;
    border-radius: 4px;
    border: 0px;
    color: white;
    font-weight: 500;
}

form button:disabled {
    background-color: #a5a5a5;
}

div#contact-form-container #form-footer {
    padding: 1rem;
    color:#7f7f7f;
    padding-bottom: 2rem;
}

div#footer {
    background-color: #f6f5fa;
    color:#626262;
    font-size: 1.1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    flex: 1;
}

div#message-sent-status {
    font-size: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 2rem;
    border-bottom: 2px solid #f0f0f0;
    max-width: 50rem;
}

div#success-header {
    font-size: 3rem;
    padding-top: 1rem;
    color: black;
}