@import "stylesheet.css";

body {
  background: #C2272E;
  height: 100%;
  width: 100%;
}

.logo {
  margin: 0 auto;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%); /* IE 9 */
  -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */
  transform: translate(-50%, -50%);
}

.logo h1 {
  font-family: "venera900", monospace;
  color: #fff;
  font-size: 48px;
  margin-bottom: 0;
}

.logo h2 {
  font-family: Helvetica, sans-serif;
  color: #fff;
  font-size: 24px;
  margin: 0 auto;
  font-weight: 100;
}

@media screen and (max-width:1000px) {
	.logo h1 {
		font-size: 36px;
	}
	
	.logo img {
		max-width: 200px;
	}
}