:root {
/* colors */
  --ymbgreen:			#339966;
  --ymbblue:			#003366;
  --ymboffblack:		#111111;
  --ymboffwhite:		#eeeeee;
}
html {
  font-family: Arial, Sans-Serif;
}


.logo {
  padding: 2rem;
}
.logo img {
  width: 100%;
  max-width: 300px;
  height: auto;
}

header, footer {
  background-color: var(--ymbblue);
  color: var(--ymboffwhite);
}

section, footer {
  padding: 2rem;
}

footer a {
  color: var(--ymboffwhite);
}

@media (min-width: 768px) {
  .logo img {
    width: 25%;
  }
}


.form-container {
  display: table;
}

.form-row {
  display: table-row;
}

.form-label, .form-input {
  display: table-cell;
  vertical-align: top;
  padding: 0 2rem 1rem 0;
}

.required-and-errors {
  color: #cc0000;
}

.form-container {
  margin-bottom: 1rem;
}