#logo {
	background: #fff;
	min-height: 80px;
	max-height: 100px;
}

@media only screen and (max-width: 50em) {
	#logo {
		min-height: 20px;
	}
}

#logo {
	/*background: #fff url('autorodeo-bg.jpg') repeat-x;*/
}

#logo img {
	max-height: 100px;
}

.top-bar, .top-bar-section li:not(.has-form) a:not(.button) {
	background: #E5000B;
	background: #271F5B;
}

.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
	background: #271F5B;
	background: #E5000B;
	background-image: linear-gradient(to right, #e5000b, rgb(246, 75, 75));
	color: #fff;
	line-height: 2.6rem;
	padding: 0 1rem;
}

a:hover {
	color: #E5000B;
}

input[type="submit"]:hover {
  background-color: #E5000B;
  color: #fff;
}

.footer {
	background: #E5000B;
	background: #271F5B;
	color: #fff;
}

.footer-content a:hover,
.footer-content a.active {
  color: #E5000B;
}

.autorodeo {
	display: inline-block;
	background: #cc0000;
	background-image: linear-gradient(to right, #271f5b, #e5000b);
	border-radius: 3px;
	color: #fff;
}

.autorodeo a {
	color: #fff;
	padding: 10px 20px;
	line-height: 2.6rem;
}

.autorodeo:hover {
	background-image: linear-gradient(to right, #e5000b, #271f5b);
}