@font-face {
    font-family: 'fntsans';
    src: url('roboto-v18-latin-ext_latin-regular.woff2') format('woff2');
    font-style: normal;
}

@font-face {
    font-family: 'fntserif';
    src: url('martel-v2-latin-ext_latin-700.woff2') format('woff2');
    font-style: normal;
}

body {
    background-color: #ffffff;
    color: rgb(9, 15, 51);
    font-family: 'fntsans', sans-serif;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, p {
    font-family: 'fntserif', serif;
}

h2 {
    padding:0px;
    margin: 8px 0px;
    font-size:150%;
}
h3 {
    margin:0px;
    padding:0px;
    font-size:125%;
}

p {
padding:0px;
margin-top:8px;
margin-bottom:0px;
font-family: "fntsans", sans-serif;
}
.container {
    margin-right:5%;
    margin-left:5%;
}

/* Header Styles */
header {
    background-color: rgb(14, 131, 115);
    color: #ffffff;
    width: 100%;
    padding: 20px;
    display: flex;
}

header h1 {
    color: #ffffff;
}

.header-logo {
    height: 50px;
    width: auto;
}

/* Form Styles */
main {
    padding: 20px;
}

label {
    font-family: 'fntsans', sans-serif;
    display: inline-block;
    width:8em;
    font-size:100%;
    vertical-align:top;
}
input,textarea {
    width:27em;
    vertical-align:top;
}

button {
    background-color: rgb(14, 131, 115);
    color: #ffffff;
    font-family: 'fntsans', sans-serif;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
}

.required::after {
    content:"*";
    color:red;
}
input#id_zip_code {
  width:4em;
}
input#id_city {
  width:22em;
}


.errorlist {
    width:auto;
    display:inline-block;
    padding: 3px;
    margin-top:12px;
    margin-bottom:0px;
    border:0px;
    background-color:#ff8888;
    list-style-type: none;
}
.errorlist li {
    list-style-type: none;
    border:0px;
    margin:0px;

}