header.features {
	background: url('../images/header-features.jpg');
	width:100%;
	max-width:960px;
	height:291px;
	background-size:960px 291px;
	background-color:#2a2a2a;
}

@media only screen and (max-width: 940px) {
header.features {
	background: url('../images/header-features-mobile.jpg');
	background-size:960px 291px;
}
}

@media only screen and (max-width: 778px) {
header.features {
	height:238px;
	text-align:center;
}
}

header img.features-watch-video {
	width:372px;
	margin-top:28px;
	margin-left:252px;
	float:left;
}

@media only screen and (max-width: 940px) {
header img.features-watch-video {
	margin-left:52px;
}
}

@media only screen and (max-width: 778px) {
header img.features-watch-video {
	float:none;
	position:relative;
	margin-left:0px;
}
}

@media only screen and (max-width: 778px) {
header img.features-watch-video {
	width:272px;
	margin-top:14px;
}
}


header div.slogan-download {
	float:left;
	margin-left:39px;
	margin-top:0px;
}

@media only screen and (max-width: 940px) {
header div.slogan-download {
	float:right;
	margin-left:28px;
	margin-right:49px;
	text-align:center;
}
}

@media only screen and (max-width: 778px) {
header div.slogan-download {
	float:none;
	position:relative;
	width:100%;
	margin-left:0px;
	text-align:center;
}
}


header div.slogan-download img.features-slogan1 {
	margin-top:24px;
	width:261px;
	display:block;
	text-align:center;
}

@media only screen and (max-width: 778px) {
header div.slogan-download img.features-slogan1 {
	display:none;
}
}

header div.slogan-download img.features-button-download {
	width:226px;
	margin-top:42px;
	display:block;
}

@media only screen and (max-width: 778px) {
header div.slogan-download img.features-button-download {
	width:122px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}
}

#content {
	display: flex;
	justify-content: space-between;
	padding: 4% 4.6% 0 4.6%;
}

main {
	font-size:15px;
	line-height:22px;
	text-align:justify;
	width:68%;
	/*max-width:688px;*/
}

h1 {
	font-size:19px;
	color:#000000;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:16px;
	text-align:left;
}

h2 {
	font-size: 17px;
	color: #000000;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 16px;
}

h3 {
	font-size: 17px;
	color: #000000;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 4px;
}

h6 {
	font-size: 19px;
	color: #000000;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 14px;
}

#line {
	width:100%;
	height:1px;
	background-color:#CCCCCC;
	margin:30px 0px;
}

ul#hosts {
	list-style: disc;
	list-style-image:url('../images/buy-haken.gif');
	padding-left: 24px;
	margin-left: 1px;
	margin-bottom: 22px;
}

ul#hosts li {
	padding-left: 0px;
	margin-bottom: 4px;
}

.text_align-left {
	text-align: left;
}

#aside {
	display:inline-block;
	width: 28.4%;
	margin-top:0px;
	vertical-align:top;
}

@media only screen and (max-width: 685px) {
	#content {
		flex-direction: column;
	}
	
	main {
		text-align:left;
		font-size:13px;
		width:100%;
	}
	
	#aside {
		width:100%;
	}
}



.screens {
	width: 100%;
	margin-bottom:20px;
	margin-top:0px;
}

.screens--border {
	border: 1px solid #8C8C8C;
}

.screens:hover {
	filter: brightness(1.2);
}


#logos {
	width:100%;
	text-align:center;
}

#logo-vst {
	display:inline;
	margin: 0px 2px 0px 0px;
}

#logo-audio-units {
	display:inline;
	margin-top: 10px;
	margin-left:2px;
}

#logo-aax {
	display:inline;
	margin-top: 10px;
	margin-left:5px;
}