.brand {
	float: left;
	margin-left: 20%;
}
.navbar {
	margin-bottom: 0;
}
.navbar-nav {
		text-transform: uppercase;
	}
.navbar-green .navbar-collapse {
	background-color: #2980b9;
  	text-align: center;
  	margin: 0 auto;
}
.navbar-default .navbar-nav>li>a {
	color: #fff;
	font-size: 2em;
}
.navbar-nav>li {
	float: left;
	margin-left: 20px;
}
.transparent-box {
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,.4);
	margin-top: 25%;
	padding: 0px 15px;
	color: #fff;
}
.background {
	background: url(img/carkeys.jpg) no-repeat center;
	background-size: 100% auto;
}
.btn-success {
	background-color: #2980b9;
	border-color: #2c3e50;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
	color: #fff;
	background-color: #2980b9;
	border-color: #2c3e50;
}
.wrapper {
	background-color: #fff;
	margin-top: 40px;
}
#brandContainer {
	margin-left: 10%;
}

#brandContainer hr {
  	margin-bottom: 25px;
}

#brandContainer img {
  	float: left;
  	padding: 10px 28px;
}

#brandContainer img:hover {
  	opacity: 0.8;
}
@media screen and (min-width: 768px) { /* Specific to this particular image */
	.navbar-nav {
		text-transform: uppercase;
		margin-left: 15%;
	}
}
@media screen and (max-width: 1024px) { /* Specific to this particular image */
	.brand {
		margin: 0;
	}
}
@media screen and (min-width: 1024px) { /* Specific to this particular image */
	.navbar-nav {
		text-transform: uppercase;
		margin-left: 15%;
	}
	.navbar-nav>li {
		float: left;
		margin-left: 20px;
	}
}

@media screen and (min-width: 1200px) { /* Specific to this particular image */
	.navbar-nav {
		text-transform: uppercase;
		margin-left: 30%;
	}
	.navbar-nav>li {
		float: left;
		margin-left: 20px;
	}
}
@media screen and (min-width: 1550px) { /* Specific to this particular image */
	.navbar-nav {
		text-transform: uppercase;
		margin-left: 30%;
	}
	.navbar-nav>li {
		float: left;
		margin-left: 20px;
	}
}