html,
body {
	display:block;
	height:100%;
	background-color: lightblue;
	position:relative;
	padding:0;
	margin:0;
}
section {
	width:100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
h1 {
	font-family: 'Titan One', sans-serif;
	font-weight:normal;
	font-size:9vw;
	margin:0;
	text-align:center;
}
h2 {
	font-family: 'Oswald', sans-serif;
	margin:0;
	text-align:center;
	color:#fff;
	font-size:3vw;
}
@media only screen and ( max-width:1600px ) {
  h1 {
  	font-size:9.5vw;
  }
}
@media only screen and ( max-width:1200px ) {
  h1 {
  	font-size:10vw;
  }
}
@media only screen and ( max-width:900px ) {
  h1 {
  	font-size:10.5vw;
  }
  h2 {
  	font-size:4vw;
  }
}
@media only screen and ( max-width:600px ) {
  h1 {
  	font-size:11vw;
  }
  h2 {
  	font-size:5vw;
  }
}
@media only screen and ( max-width:320px ) {
  section {
  	min-width:350px;
  }
  h1 {
  	font-size:30px;
  }
  h2 {
  	font-size:18px;
  }
}