@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,700);

/* Styles */

html { 
	height: 100%; 
	box-sizing: border-box;
	font-family: "Open Sans", sans-serif; 
}

*, *::before, *::after { 
	box-sizing: inherit; 
}

body { 
	height: 100%; 
	padding: 0; 
	margin: 0; 
	background: url(hg.svg) repeat;
	background-size: 10px;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex; 
    -webkit-box-pack: center; 
    -webkit-justify-content: center; 
    -ms-flex-pack: center; 
    justify-content: center; 
    -webkit-box-align: center; 
    -webkit-align-items: center; 
    -ms-flex-align: center; 
    align-items: center;
}

section {
	margin: auto;
}

section .logo {
	width: 350px;
	margin: 0 auto 1rem auto;
}

h1 {
	font-weight: 700;
	font-size: 2.5rem;
	text-align: center;
	margin: 0 0 0.5rem 0;
}

p {
	font-weight: 300;
	font-size: 1.5rem;
	text-align: center;
	margin: 0;
}

p:last-child {
	margin-top: 1rem;
}

bold {
	font-weight: 700;
}

a {
	text-decoration: none;
	color: #b71918;
	font-weight: 700;
}


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

section .logo {
	width: 250px;
}	

h1 {
	font-size: 1.75rem;
}

p {
	font-size: 1rem;
}
}