@import url(http://fonts.googleapis.com/css?family=Advent+Pro:100);
/* background setup */
.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
}


html, body {

    height:100%;
}
.fullscreen,
.content-a {
    width:100%;
    height:100%;
    overflow:hidden;
}
.fullscreen.overflow,
.fullscreen.overflow .content-a {
    height:auto;
    min-height:100%;
}


.content-a {
	display:table;
}
.content-b {
	display:table-cell;
    position:relative;
	vertical-align:middle;
	text-align:center;
}


body{
    margin:0;
    font-family:sans-serif;
    font-size:28px;
    line-height:100px;
	color:#ffffff;
    text-align:center;    
}
section {
	background:#9ed100;
}
.not-fullscreen {
    height:50%;
}
h1{
  font-family: 'Circular, Helvetica, Arial, sans-serif;', sans-serif;
  font-size: 3em;
  margin: .2em .5em;
  color: rgba(255,255,255, 0.9);
   text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
h2{
  font-family: 'Circular, Helvetica, Arial, sans-serif;', sans-serif;
  font-size: 2em;
  margin: .2em .5em;
  color: rgba(255,255,255, 0.9);
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  cursor: pointer; 
}
h4{
  font-family: 'Circular, Helvetica, Arial, sans-serif;', sans-serif;
  font-size: 1em;
  margin: .1em .2em;
  color: rgba(255,255,255, 0.9);
  font-weight: bold;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 25%;
  margin-left: auto;
    margin-right: auto;
     
}
h3{
  font-family: 'Circular, Helvetica, Arial, sans-serif;', sans-serif;
  font-size: 1em;
  margin: .2em .5em;
   font-weight: bold;
  color: rgba(0,0,0, 0.8);