@charset "utf-8";

/* CSS Document */



body {

	margin: 0;

	background-color: #000000;

	background: url(images/bg.jpg) no-repeat center center fixed; 

  	-webkit-background-size: cover;

  	-moz-background-size: cover;

  	-o-background-size: cover;

  	background-size: cover;

	color: #ffffff;

	font-family: "Times New Roman", Times, serif;

}



a {

	font-family: "Times New Roman", Times, serif;

	color: #FFFFFF;

}

a:link {

	text-decoration: none;

}

a:visited {

	text-decoration: none;

	color: #FFFFFF;

}

a:hover {

	text-decoration: none;

	color: #FFFFFF;

}

a:active {

	text-decoration: none;

	color: #FFFFFF;

}



#container {

	position: relative;

	margin: 0 auto 0 auto;

	width: 70%;

	height: auto;

}



img { 

    max-width: 100%; 

    height: auto; 

}



#logo {

	margin-top: 20px;

	float: left;

}



#navigation {

	float: right;

	margin-top: 50px;

}



#categories {

	margin: 0 auto 0 auto;

	padding-top: 300px;

}



#slogan {

	display: flex;
	flex-direction: column;
	flex-flow: column;
	align-items: center;
	margin: 60px auto;
	/*margin-top: 200px;*/


}



#footer {

	/*margin: 250px auto 0 auto;*/
	margin: auto;

}