*, a {
	color: #000000;
	background-color:#FFFFFF;
}

.clear {
	content:"";
	display:block;
	clear:both;
}

#outer-most {
	text-decoration: none;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	width:100%;
}

#logo-header {
	width: 100%;
	margin: 10px auto;
	background-color:#000000;
}

#logo-header table, #logo-header tbody, #logo-header tr, #logo-header td {
	background-color:#000000;
}

#usp {
	width: 100%;
	margin: 0 auto 10px auto;
	padding:10px;
	font-size:12px;
	background-color:#FFE307;
}

#usp ul, #usp ul li {
	background:none transparent;
}

#usp ul {
	float:none;
	width:100%;
}

#article-name {
	width: 100%;
	margin: 0 auto;
	padding:10px;
	font-size:16px;
    color: #000000;
    background: #FFE307;
    box-sizing: border-box;
}

#article-description-short {
	width: 100%;
	margin: 0 auto;
	padding:10px;
    box-sizing: border-box;
}

#article-facts {
	width: 100%;
	margin: 0 auto;
	font-size:16px;
    box-sizing: border-box;
}

#article-facts small {
	font-size:8px;
	background-color:#000000;
	color:#FFFFFF;
}

#article-facts div.facts {
	width: 96%;
	background-color:#000000;
	color:#FFFFFF;
	text-align:center;
	padding:10px;
	margin:0 0 10px 0;
}

#content-main {
	width: 100%;
	margin: 0 auto;
	padding: 0;
    box-sizing: border-box;
}

#content-left {
	float: left;
	width: 210px;
	display:none;
}

#content-right {
	width: 100%;
	text-align: left;
    box-sizing: border-box;
}

.box-left, .box-right {
	width: 100%;
	margin-bottom: 10px;
}

.box-headline {
	padding: 5px 0 5px 15px;
	color: #000000;
	border: 1px solid #000000;
	background: #FFE307;
	font-size: 16px;
	margin-bottom: -1px;
}

.box-content {
	border: 1px solid #000000;
	padding: 10px 5px;	
}

.box-content img {
	width: 100%;
	height:auto;
	margin:20px 0;
}

.box-content p {
	margin:0 !important;
}

#content-left .box-headline {
	width: auto;
}

#content-left .box-content {
	width: 198px;
	text-align: center;
}

#logo-header ul, #logo-header ul li, #logo-header ul li a {
	background-color:#000000;
	color: #FFFFFF;
}

#logo-header ul {
	font-size: 12px;
	padding: 15px 0 0 0;
	margin:0;
}

#so-description thead {
  background-color: #000;
  color: #FFF;
}

#so-description tbody tr:nth-child(odd) {
  background-color: #FFF;
}

#so-description tbody tr:nth-child(even) {
  background-color: #CCC; 
}

#logo {
	width:100%;
}

#nature-text {
	display: block;
	padding: 15px 20px 25px 20px;
	background: #FFF;
	margin: 0 0 0 120px;
	height: 57px;
}

@media (min-width: 992px) {
	#usp {
		width: 820px;
	}
	
	#usp ul {
		float:left;
		width:360px;
	}
	
	#article-facts div.facts {
		width: 30%;
		height:40px;
		float:left;
		padding:10px;
		margin:0 0 10px 0;
	}	
}

@media (min-width: 768px) {
	#outer-most {
		text-decoration: none;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 12px;
		width:auto;
	}

	#logo {
		width:auto;
	}
	
	#article-facts div.facts {
		width: 30%;
		height:40px;
		float:left;
		padding:10px;
		margin:0 0 10px 0;
	}
	
	#article-facts div.article-facts-middle {
		border-left:21px solid #FFFFFF;
		border-right:21px solid #FFFFFF;
	}
	
	.box-content img {
		width: auto;
		height:auto;
		margin:20px 0;
	}
	
	#nature-text {
		font-size: 24px;
	}
}