html, body {
  margin:0px;
  height:100%;
}

body {background-color:#faf9c5;color:#3c3c3c;font-family: 'Lato', sans-serif;}

a {color:#e94e1b;font-weight:700;font-style:italic;text-decoration:none;display:inline-block;padding:8px 16px;border-radius:30px;background-color:transparent;transition: color 1s, background-color 2s;transition-timing-function: ease-in-out;}
a:hover {background-color:#e94e1b;color:#f6f6f6;transition: color 1s, background-color 2s;transition-timing-function: ease-in-out;}

.banner {height:100vh;max-height:100vh;position:relative;overflow:hidden;z-index:1;margin:0 auto;text-align:center;}
.banner img {max-width:100%;max-height:100%;margin:0 auto;position:relative;}
.info 	{text-align:center;padding:15px 20px;background-color:rgba(246,246,246,1);position:absolute;bottom:0;right:0;left:0}
.info p {font-size:1.4rem;line-height:1.8rem;}

@media only screen and (min-width: 1201px) and (max-width: 1400px) {
	
	.banner img {bottom:auto;top:-50px;}
	.info {padding:10px 20px;}
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
	
	.banner img {bottom:auto;top:-50px;}
	.info {padding:10px 20px;}
	
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
	
	.banner {height:auto;min-height:none;overflow:auto;}
	.banner img {bottom:auto;top:0;position:static;display:block;}
	.info {padding:10px 20px;position:static;}
	
}

@media only screen and (min-width: 577px) and (max-width: 768px) {	
	.banner {height:auto;min-height:none;overflow:auto;}
	.banner img {bottom:auto;top:0;position:static;display:block;}
	.info {padding:10px 20px;position:static;}
	.info p {font-size:1.2rem;line-height:1.5rem;}
}

@media only screen and (min-width: 100px) and (max-width: 576px) {
	
	.banner {height:auto;min-height:none;overflow:auto;}
	.banner img {bottom:auto;top:0;position:static;display:block;}
	.info {padding:10px 20px;position:static;}
	.info p {font-size:1.2rem;line-height:1.5rem;}
}