body, select, input {font: 16px Roboto, sans-serif; margin: 0; padding: 0;}
body {-webkit-text-size-adjust: 100%; padding-bottom: 60px;}
header, main, footer, form {display: block;}
header {background: #002548;}
main {padding: 10px 15px;}
h1 {text-align: center; margin: 0; color: #fff; font: 22px Roboto, sans-serif; padding: 10px 0;}
label {display: flex; justify-content: flex-start; align-items: center; margin: 10px 0;}
label span {display: inline-block; width: 135px;}
select, input {width: 200px; background: #fff; padding: 5px; border: 1px solid #002548; border-radius: 6px;}
input[type="number"] {width: 188px;}
input[type="submit"] {cursor: pointer; margin-left: 135px; background: #002548; color: #fff;}
.hide {display: none;}
#resultsHldr:not(:empty) {background: #eee; padding: 5px 15px; margin-top: 15px; color: #000;}
footer {display: flex; justify-content: space-between; padding: 0 15px 5px; position: fixed; background: #fff; bottom: 0; left: 0; width: 100%; box-sizing: border-box;}
header ul {background: #000; margin: 0; padding: 10px 0; color: #fff; list-style: none; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center;}
header li {padding: 10px 0;}
header li a, header li strong {color: #fff; font-size: 18px; padding: 10px; text-align: center;}
video {max-width: 100%; height: auto;}
.videoGrid {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto auto; gap: 45px 30px;}
.videoGrid img {max-width: 100%; height: auto;}
.formFlex {display: flex; flex-wrap: wrap;}
.formFlex > label {margin-right: 30px; width: auto;}
.formFlex span {width: auto;}
.formFlex input[type="submit"] {margin-left: 0;}
.startedList li {margin-bottom: 40px;}
.startedList li::marker {font-weight: bold; font-size: 20px;}

@media screen and (min-width: 768px) {
  form {display: flex; justify-content: flex-start; flex-wrap: wrap;}
  form label {width: 310px; margin-right: 30px;}
  label span {text-align: right; padding-right: 10px;}
}

@media screen and (max-width: 700px) {
  header ul {justify-content: flex-start;}
  .videoGrid {display: block;}
  .videoGrid > div {margin-bottom: 40px;}
  .formFlex span, .formFlex > label {display: block; width: 100%;}
}