body {
	background: url(../../images/wall.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	font-family: 'Lato', sans-serif;
	color: black;
	padding-top: 10%;
}

html body{
	height: 100%;
}

h1 {
	font-weight: 700;
	font-size: 5em;
	text-align: center;
	color:	rgba(255, 15, 15, .6);
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
				 0px 8px 13px rgba(0,0,0,0.1),
				 0px 18px 23px rgba(0,0,0,0.1);
}

#content {
	text-align: center;
	padding-top: 30%;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
				 0px 8px 13px rgba(0,0,0,0.1),
				 0px 18px 23px rgba(0,0,0,0.1);
}

hr {
	width: 400px;
	border-top:	1px solid #f8f8f8;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

img {
	width: 40%;
}

.txtimage {
	font-size: 1.5em;
}

.center {
	text-align: center;
}

@media (min-width: 600px) {
  #content {
  	padding-top: 20%;
  }
}

@media (min-width: 800px) {
  #content {
  	padding-top: 15%;
  }
}

@media (min-width: 1200px) {
	#content {
  	padding-top: 0;
  }
  	.txtimage {
  	padding-top: 8%;
  }
}