body {
	color: #ffffff;
	background: #000000 url(../img/background.jpg) no-repeat scroll center top;
}

@media(max-width: 768px) {
	body {
		padding-top: 30px;
		background-position: center 40px;
	}
	.navigation {
		position: fixed;
		top: 0; left: 0; right: 0;
		z-index: 1000;
	}
	.brand {
		position: fixed;
		top: 0; left: 5px;
		z-index: 1001;
		max-width: 70%;

	}
}

h1 {
	text-transform: uppercase;
}

h2 {
	color: #ff0000;
}

h3 {
}

h4 {
	color: #ff0000;
	text-transform: uppercase;
}

p {

}

img { max-width: 100%; }

a {
	color: #ff0000;
}

a:hover {
	color: #464646;
	text-decoration: none;
}

a:active {
	color: #464646;
}

#content h1 {
	font-size: 25px;
}

#content h1,
#content h2 {
	color: #ff0000;
}



	header {
		padding: 20px 0;
	}

					.cta {
						float: right;
						color: #ffffff;
						text-align: center;
						max-width: 560px;
						margin: 0; padding: 40px 0 30px 0;
						overflow: hidden;
						background: url(../img/header-shadow.png) no-repeat scroll center bottom;
					}




			#animation {
				height: 320px;
				position: relative;
				overflow: hidden;
			}

				#animation .item {
					background: url(../img/bg-shadow-imgs.png) no-repeat scroll center bottom;
				}

					#animation img {
						float: left;
					}


					#animation .item aside {
						position: relative;
						background: #000000;
						background: rgba(0, 0, 0, 0.6);
					}

					@media(min-width: 768px) {
						#animation .item aside {
							right: 70px;
							float: right;
							max-width: 350px; min-height: 200px;
							margin: 25px 0 0 0; padding: 30px 10px;
						}
					}

					@media(max-width: 768px) {
						#animation .item aside {
							/*top:90px;*/
							width: 100%;
							margin: 0; padding: 30px 25%;
							text-align: center;
						}
					}






				#brands {
					background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwZTRmNyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iIzczYjFlNyIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjNWJhNGUzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMGE3N2Q1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjM2M5M2RkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzklIiBzdG9wLWNvbG9yPSIjNTM5ZmUxIiBzdG9wLW9wYWNpdHk9IjAuNyIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjODdiY2VhIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
					background: -moz-linear-gradient(left,  rgba(60,60,60,0) 0%, rgba(150,150,150,0.8) 24%, rgba(90,90,90,1) 30%, rgba(90,90,90,1) 50%, rgba(150,150,150,1) 70%, rgba(150,150,150,0.7) 79%, rgba(60,60,60,0) 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(60,60,60,0)), color-stop(24%,rgba(150,150,150,0.8)), color-stop(30%,rgba(90,90,90,1)), color-stop(50%,rgba(150,150,150,1)), color-stop(70%,rgba(150,150,150,1)), color-stop(79%,rgba(150,150,150,0.7)), color-stop(100%,rgba(60,60,60,0))); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(left,  rgba(60,60,60,0) 0%,rgba(150,150,150,0.8) 24%,rgba(90,90,90,1) 30%,rgba(150,150,150,1) 50%,rgba(90,90,90,1) 70%,rgba(150,150,150,0.7) 79%,rgba(60,60,60,0) 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(left,  rgba(60,60,60,0) 0%,rgba(150,150,150,0.8) 24%,rgba(90,90,90,1) 30%,rgba(150,150,150,1) 50%,rgba(90,90,90,1) 70%,rgba(150,150,150,0.7) 79%,rgba(60,60,60,0) 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(left,  rgba(60,60,60,0) 0%,rgba(150,150,150,0.8) 24%,rgba(90,90,90,1) 30%,rgba(150,150,150,1) 50%,rgba(90,90,90,1) 70%,rgba(150,150,150,0.7) 79%,rgba(60,60,60,0) 100%); /* IE10+ */
					background: linear-gradient(to right,  rgba(60,60,60,0) 0%,rgba(150,150,150,0.8) 24%,rgba(90,90,90,1) 30%,rgba(150,150,150,1) 50%,rgba(90,90,90,1) 70%,rgba(150,150,150,0.7) 79%,rgba(60,60,60,0) 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d0e4f7', endColorstr='#0087bcea',GradientType=1 ); /* IE6-8 */

				}


					#brands .item {
						font-size: 80px;
						margin: 0 auto 20px auto; padding: 30px 0;
						text-align: center;
						height: 150px;
					}



		aside img {
			width: 100%;
			margin-bottom: 15px;
		}