/* Presentational style rules only
 * Not required
 */

html, body, .container {
  height: 100%;
}

/* Reset */
html, body, h1, p, a, div, section {
  margin: 0;
  padding: 0;
  font-size: 100%;

}

/* Basic */
body {
	font-family:'Abril Fatface', cursive;
  
}

h1 {
  color:white;
  font-size: 9em;
    letter-spacing: 0.1em;
}

a {
	color:white;
	text-decoration: none;

}

.inner {
    position: relative;
    margin: 0 auto;
    text-align: left;
  }


.container {
  display: table;
  padding-top: 0px;
  width: 100%;
}

.content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
   padding-left: 20px;
  padding-bottom: 20px;
}

}

/* Media Queries */
@media only screen
/* 	and (min-device-width : 320px)  */
and (max-device-width : 568px) {


  .container {

    display: table;
/*     float: left; */
    vertical-align: middle;
width: 100%;
height: 100%;
  }
  
.content {
	  
	  display: table-cell;
	text-align: center;
	  vertical-align: middle;
	  
  }
  
  h1 {
    font-size: 12px;

  } 
  
 
  html, body, .container {
    height: auto;
  }
}