body {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
}
	
p {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 1em;
    color: black;
}

a {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 1em;
    color: #167bc0;
    text-decoration: none;
}

h1 {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 2em;
    color: #167bc0;
    width: 12em;
	text-transform: uppercase;
    text-align: center;
}

h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 1.8em;
    color: #167bc0;
	text-transform: uppercase;
    width: 12em;
}

h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 1.5em;
    color: #222;
    width: 12em;
}

#logo {
	width: 600px;
	height: auto;
}

header {
	width: 100%;
    display: flex;
  align-items: center;
  justify-content: center;
	
	
    flex-direction: column;

    margin: 0px auto;
}




@media screen and (max-width: 400px) {
    
	#logo { width: 300px; height: auto; }
}