@import "reset.css";
@import "fonts.css";
@import "content.css";
@import "element.css";
@import "responsive.css";

body{
	font-family: "Raleway", sans-serif;
}


.flex-container {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	min-height: 100vh;
	background-color: #2e4753;
}

.header {
	display: flex;
	flex-direction: column;
	height: 100px;
	background-color: #282c34;

}

.center-container{
	margin: 0 auto;
	min-width: 1200px;
	background-color: #282c34;

}
.main {
	display: flex;
	flex-direction: column;
	background-color: blueviolet;
}

.main-content{
	min-height:calc(100vh - 150px);
	background-color: #fff;
}

nav {
	padding: 5px;
}

.footer {
	display: flex;
	flex-direction: column;
	height:50px;
	background-color: #282c34;
}