body {
	
	
	margin: 0;
	background: #222222;
	    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 { 
	
    font-family: 'Didact Gothic', sans-serif;
    
}

#home {
	
	width: 100vw;
	height: 100vh;
	background: #222222;
}

#logo { 
	
	color: #ece0d0 ;
	
}

#logo img {
	
	    width: 50vw;
    min-width: 200px;
    max-width: 600px;
    
}

#logo span {
	
	font-size: calc(1rem + 0.6vw);
    font-style: italic;
	font-weight: 100;
	
}


.flex {
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.flex-center { 
	
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	
	
}

.flex-column { 
	
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	
}

.align-center { 
	
	-ms-flex-line-pack: center;
	     align-content: center;
}