body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #333333;
  background: #F7F7F7; }

img {
  max-width: 100%; }

h2 {
  font-weight: 700;
  color: #158c00; }

.form-control {
  border-radius: 0; }

.container {
  max-width: 1000px; }

header {
  background: #FFF; }
  header .container {
    padding: 20px 0; }

#bar {
  border-top: solid 10px #ff1f00;
  padding: 10px 0 0 0;
  border-bottom: solid 10px #158c00;
  background: #FFF; }

#vehicle-container {
  padding: 30px 0;
  background: #FFF; }

#content {
  padding-top: 30px;
  border-top: solid 1px #DDDDDD; }
  #content form {
    float: left; }
  #content iframe {
    width: 358px;
    height: 227px;
    float: right;
    margin: 30px 60px 0 0; }

#subscribe {
  width: 460px;
  margin: 0 0 0 70px;
  padding-bottom: 50px; }
  #subscribe .form-group {
    margin: 0 0 8px 0; }
  #subscribe .form-control {
    width: 430px; }
  #subscribe .btn {
    display: block;
    background: #158c00;
    color: #FFF;
    width: 430px;
    text-align: left; }
  #subscribe .btn.disabled {
    opacity: 0.5; }
  #subscribe .btn:hover {
    background: #CCC;
    color: #FFF; }

@media only screen and (max-device-width: 600px) {
  .container {
    margin: 0 10px; }

  #subscribe {
    width: auto;
    margin: 0 10px; }
    #subscribe .form-control {
      width: auto; }
    #subscribe .btn {
      width: auto; }

  #content iframe {
    width: 100%;
    height: 150px;
    float: none;
    margin: 0 0 10px 0; } }
.alert {
  margin: 0 auto 10px auto;
  width: 980px;
  background: #DEF0D7;
  border-left: solid 5px #39773B; }

.alert-error {
  background: #FCF8E1;
  border-color: #DBD9C5; }