* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

body {
  font-size: large; }

ul {
  padding-left: 1em; }

#headline {
  padding: 1em;
  color: white;
  font-family: Roboto, sans-serif;
  background: #000 url(../img/backgroundimage.jpg);
  background-size: cover; }
  #headline #blurb {
    padding: 1em 0; }
    #headline #blurb p {
      margin-bottom: 0.5em; }
  #headline #register {
    background-color: #39b1a4;
    padding: 1em; }
    #headline #register input {
      color: #f5f5f5;
      padding: 0.5em;
      width: 100%;
      margin-bottom: 1em;
      border: none; }
    #headline #register h2 {
      margin-bottom: 0.5em; }
    #headline #register input[type="submit"] {
      background-color: #dc4d38;
      color: white;
      font-family: Roboto, sans-serif;
      font-weight: bold; }

#section1 {
  padding: 1em; }
  #section1 h2 {
    text-align: center;
    margin: 1em 0; }
  #section1 p {
    margin: 1em 0; }

#section2 {
  padding: 1em; }
  #section2 h2 {
    text-align: center;
    margin: 1em 0; }
  #section2 p {
    margin: 1em 0; }

#section3 {
  padding: 1em; }
  #section3 h2 {
    text-align: center;
    margin: 1em 0; }
  #section3 p {
    margin: 1em 0; }

#section1 video {
  width: 100%;
  margin-top: 1em; }
#section1 ul {
  margin-top: 1em;
  padding: 1em; }

#section2 {
  background: #E9E9E9; }
  #section2 img {
    width: 100%; }

#section3 p {
  text-align: center; }
#section3 table {
  width: 80%;
  margin: auto; }
  #section3 table td, #section3 table th {
    text-align: center; }

#footer {
  background: #dc4d38;
  color: white;
  text-align: center;
  padding: 2em; }

@media (min-width: 600px) {
  .container {
    margin: auto;
    max-width: 800px; }

  #headline {
    overflow: hidden; }
    #headline #blurb {
      float: left;
      width: 60%;
      padding-right: 1em;
      margin-top: 1em; }
    #headline #register {
      width: 40%;
      float: right;
      margin-top: 1em; }

  #section1 {
    overflow: hidden; }
    #section1 ul {
      float: left;
      width: 50%; }
    #section1 video {
      width: 50%; }

  #section2 img {
    width: 30%;
    margin-right: 2%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #A7A7A7; } }
@media (max-width: 600px) {
  #section3 table thead {
    display: none; }
  #section3 table td {
    text-align: left;
    display: block;
    padding: 0.7em;
    background: #e9e9e9;
    width: 100%; }
  #section3 table td:before {
    content: attr(data-th) " :";
    display: inline-block;
    width: 50%;
    font-weight: bold; } }

/*# sourceMappingURL=ResponsiveWebDesign.css.map */