body {
	font-family: 'Roboto', sans-serif;
	height: 100%;
	color:#59686c;
	font-size:18px;
	line-height:22px;
	font-weight:300;
	margin: 0;
	padding: 0;
}

nav ul, nav ol {margin:0; padding:0; list-style-type:none;}

div.container {
	max-width:1280px;
	margin:0 auto;
	position:relative;
}

.display-table {
	display: table !important;
    width: 100%;
    height: calc(100vh - 70px); 
}

.display-cell {
	display: table-cell;
    vertical-align: middle;
}



/*------------ header ---------------------*/


#header {
	border:1px solid; background-color:#000000;
	margin-top:50px;
	padding-top:20px;
	padding-bottom:20px;
		
}


#header nav {
	float:right;
	margin:25px 0 0 30px;
}

#header nav li {
	float:left;
	margin-right:40px;
	font-size:18px;
	font-weight:400;
}

#header nav li a, #header nav li a:visited {
	float:left;
	color:#4f5b5e;
	text-decoration:none;
}

#header nav li a:hover, #header nav li a:active, #header nav li.active a{
	color:#000000;
}

.clear {
	clear:both;
}



/*------------ content ---------------------*/



#content {
	padding:30px 0 50px 0;
	min-height:500px;
}

#content h1 {
	display: block;
	font-size: 25px;
	text-align: center;
	margin: 1rem auto 0 auto;
}

#content h1 span {
	display: block;
	text-align: center;
	font-size: 18px;
}

#content ul {
	
	margin: 2rem auto 0 auto;
	padding: 0;
	display: block;
	list-style-type: none;
	text-align: center;
}

#content ul li {
	display: block;
}


#content ul li a {
	display: block;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
	color:#59686c;
}


.home img.logo {
	margin: 1.5rem auto 0 auto;
	display: block;
	padding-bottom:30px;
	width: 200px;
	height: 47px;
}

.home img.cover {
	display: block;
	margin: 0 auto;
	max-height: 400px;
/*
	width: 100%;
	height: 100%;
	padding: 0;
*/
}

.news #content {
	margin-top:100px;
	padding-bottom:100px;
}

.news p {
	float:left;
}

.news img {
	margin-left:20px;
}


.contact #content {
	margin-top:50px;
	padding:0!important;
}

.contact article {
	padding-bottom:5px;
}


/*------------ Style Mobile ---------------------*/


@media only screen and (max-width: 600px) {
/*
  .home img {
    width: 250px;
    height: 50px;
    background-size: cover;
  }
*/

.home img.cover {
		max-height: auto;
		max-width: 300px;
}
  
  .copyright {
	float: none;
	text-align: center;	  
  }
  
}


/*------------ Style Xlarge ---------------------*/


@media only screen and (min-width: 1440px) {
	
	.home img.cover {
		max-height: 100%;
	}
	
}