html,body {
	height:100%;
	}

h1 {
 font-size: 8em;
}

.big {
	
	font-size: 4em;
    height: 20vh;
    overflow: auto;
	
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}




@media only screen and (max-width: 400px) {
	h1 {
		font-size: 6em;
	}
	h2 {
		font-size: 1.6em;
	}
}

@media only screen and (max-width: 315px) {

	h2 {
		font-size: 1.2em;
	}
}


@media only screen and (max-width: 300px) {

	h2 {
		font-size: 1em;
	}
}
@media only screen and (max-height: 590px) {

	h1 {
		font-size: 6em;
	}
.big {
	
	font-size: 1.7em;
    height: 12vh;
    overflow: auto;
	
}

@media only screen and (max-height: 430px) {

	h1 {
		font-size: 4em;
	}
.big {
	
	font-size: .8em;
    height: 8vh;
    overflow: auto;
	
}