<html>
  <body>
    <div id="content">
    content
    </div>

    <div id="section1"></div>
      <div class="container"></div>
    
    <div id="headline">
    headline
    </div>
    
    <div id="register">
    register
    </div>
    
    <div id="blurb">
    blurb
    </div>
    
     <div id="section2">
     <div id="images">
     </div>
      <div id="section3"></div>
      
    <div id="footer">
    footer
    </div>
  </body>
</html>
body {
	background-color: 	#FFFFFF;
	}

	h1 {
	color: 	#1E90FF;
	background-color: 	#FFFFFF;
	}

	h1 {font-family: arial, verdana, sans-serif;}
	h1 {font-variant: small-caps;}
	h1 {font-size: 36px;}
	h1 {
	color: 			#f5f5f5;
	background-color: 	#dc4d38;
	}
	h2 {font-family: arial, verdana; font-weight: bold;}
	h2 {font-variant: small-caps;}
	h2 {font-size: 20pt;}
	h2 {
	color: 			#87CEFA;
	background-color: 	#f5f5f5;
	}	
	h3 {font-variant: small-caps;}
	h3 {font-size: 16pt;}
	td {font-family: arial, verdana, sans-serif; font-weight: bold;}
	
p {
	font: normal 14px arial, verdana, sans-serif;
	}
p {
	text-indent: 30px;
	}
th {
	text-align: center;
	}

	td {
	text-align: justify;
	}

	p {
	text-align: justify;
	}
a:link {
	color: black;
	}

	a:visited {
	color: red;
	}

	a:active {
	background-color: #FFFF00;
	}
a:hover {
	color: orange;
	font-style: italic;
	}
a:hover {
	text-transform: uppercase;
	font-weight:bold;
	color:blue;
	background-color:yellow;
	}
	

html, body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
}
content {
  position: relative;
  min-height: 100%;
}
* html #content {
  height: 100%;
}
#headline {
  padding: 0.8em;
  color: black;
  font-family: Roboto, sans-serif;
  background-image: url(../bg.jpg);
  background-size: cover;
}
#headline {
      padding: 20px 5%;
    }
#headline #blurb {
      float: left;
      font-weight: 300;
      width: 50%;
      font-size: 18px;
      box-sizing: border-box;
      padding-right: 10px;
    }

#headline #register {
      float:right;
      padding: 20px;
      width: 50%;
      box-sizing: border-box;
      font-weight: 300;
    }
#section1 ul {
      box-sizing: border-box;
      float: left;
      width: 50%;
      padding-right: 1em;
    } 
#headline br {
      clear: both;
    }
#headline {
      padding: 20px 5%;
    }
@media (min-width: 600px) {

}       

.container {
      margin: auto;
      max-width: 800px;
    }   

footer {
  position: relative;
  margin-top: -2.5em;
  height: 2.5em;
}
}