@import url(antenna.css);
@import url(font-awesome.css);

/*!
 * Start Bootstrap - dealership v5.0.1 (https://startbootstrap.com/template-overviews/dealership)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-dealership/blob/master/LICENSE)
 */
h3{
  font-size: 20px;
  font-weight: normal;
}

#mainNav {
  min-height: 56px;
  background-color: #fff;
}

#mainNav .navbar-toggler {
  font-size: 80%;
  padding: 0.75rem;
  color: #64a19d;
  border: 1px solid #64a19d;
}

#mainNav .navbar-toggler:focus {
  outline: none;
}

#mainNav .navbar-brand {
  color: #161616;
  font-weight: 700;
  padding: .9rem 0;
}

#mainNav .navbar-nav .nav-item:hover {
  color: fade(white, 80%);
  outline: none;
  background-color: transparent;
}

#mainNav .navbar-nav .nav-item:active, #mainNav .navbar-nav .nav-item:focus {
  outline: none;
  background-color: transparent;
}

@media (min-width: 992px) {
  #mainNav {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
    background-color: transparent;
    transition: background-color 0.3s ease-in-out;
  }
  #mainNav .navbar-brand {
    padding: .5rem 0;
    color: rgba(255, 255, 255, 0.5);
  }
  #mainNav .nav-link {
    transition: none;
    padding: 2rem 1.5rem;
    color: rgba(255, 255, 255, 0.5);
  }
  #mainNav .nav-link:hover {
    color: rgba(255, 255, 255, 0.75);
  }
  #mainNav .nav-link:active {
    color: white;
  }
  #mainNav.navbar-shrink {
    background-color: #fff;
  }
  #mainNav.navbar-shrink .navbar-brand {
    color: #161616;
  }
  #mainNav.navbar-shrink .nav-link {
    color: #161616;
    padding: 1.5rem 1.5rem 1.25rem;
    border-bottom: 0.25rem solid transparent;
  }
  #mainNav.navbar-shrink .nav-link:hover {
    color: #64a19d;
  }
  #mainNav.navbar-shrink .nav-link:active {
    color: #467370;
  }
  #mainNav.navbar-shrink .nav-link.active {
    color: #64a19d;
    outline: none;
    border-bottom: 0.25rem solid #64a19d;
  }
}

.masthead {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 35rem;
  padding: 15rem 0;
  background:rgba(22, 22, 22, 0.5);
}

.masthead h1 {
  font-family: "Antenna", Helvetica, sans-serif;
  font-size: 2.5rem;
  line-height: 2.5rem;
}

.masthead h2 {
  max-width: 20rem;
  font-size: 1rem;
}

@media (min-width: 768px) {
  .masthead h1 {
    font-size: 4rem;
    line-height: 4rem;
  }
}

@media (min-width: 992px) {
  .masthead {
    padding: 0;
  }
  .masthead h1 {
    font-size: 6.5rem;
    line-height: 6.5rem;
    letter-spacing: 0.8rem;
  }
  .masthead h2 {
    max-width: 30rem;
    font-size: 1.25rem;
  }
}

.btn {
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;
  padding: 1.25rem 2rem;
  font-family: "Antenna", Helvetica, sans-serif;
  font-size: 80%;
  text-transform: uppercase;
  letter-spacing: .15rem;
  border: 0;
}

.btn-primary {
  background-color: #64a19d;
}

.btn-primary:hover {
  background-color: #4f837f;
}

.btn-primary:focus {
  background-color: #4f837f;
  color: white;
}

.btn-primary:active {
  background-color: #467370 !important;
}

.service-section {
  padding-top: 10rem;
  background: linear-gradient(to bottom, rgba(22, 22, 22, 0.8) 0%, rgba(22, 22, 22, 0.7) 75%, rgba(22, 22, 22, 0.5) 100%);
}

.service-section p {
  margin-bottom: 5rem;
}

.service-section h2, .service-section h3{
  color:#fffffe;
}

.dealers-section {
  padding: 5rem 0;
}

.dealers-section .featured-text {
  padding: 2rem;
}

@media (min-width: 992px) {
  .dealers-section .featured-text {
    padding: 0 0 0 2rem;
    border-left: 0.5rem solid #64a19d;
  }
}

.dealers-section .project-text {
  padding: 3rem;
  font-size: 90%;
}

@media (min-width: 992px) {
  .dealers-section .project-text {
    padding: 5rem;
  }
  .dealers-section .project-text hr {
    border-color: #64a19d;
    border-width: .25rem;
    width: 30%;
  }
}

.signup-section {
  padding: 10rem 0;
  background: linear-gradient(to bottom, rgba(22, 22, 22, 0.1) 0%, rgba(22, 22, 22, 0.5) 75%, #161616 100%), url("../img/bg-signup.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

.signup-section .form-inline input {
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;
  padding: 1.25rem 2rem;
  height: auto;
  font-family: "Antenna", Helvetica, sans-serif;
  font-size: 80%;
  text-transform: uppercase;
  letter-spacing: 0.15rem;
  border: 0;
}

.contact-section {
  padding: 5rem 0 0;
}

.contact-section .card {
  border: 0;
  border-bottom: 0.25rem solid #64a19d;
}

.contact-section .card h4 {
  font-size: 0.8rem;
  font-family: "Antenna", Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.15rem;
}

.contact-section .card hr {
  border-color: #64a19d;
  border-width: 0.25rem;
  width: 3rem;
}

.contact-section .social {
  margin-top: 5rem;
}

.contact-section .social a {
  text-align: center;
  height: 3rem;
  width: 3rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  line-height: 3rem;
  color: rgba(255, 255, 255, 0.3);
}

.contact-section .social a:hover {
  color: rgba(255, 255, 255, 0.5);
}

.contact-section .social a:active {
  color: #fff;
}

body {
  font-family: "Antenna", Helvetica, sans-serif;
  font-size:13px;
  letter-spacing: 0.0625em;
}

a {
  color: #212529;
}

a:focus, a:hover {
  text-decoration: none;
  color: #007bff;
}

.service-section a{
  color: #fffffe;
}
.service-section a:hover{
  text-decoration: none;
  color: #007bff;
}

.bg-black {
  background-color: #161616 !important;
}
.bg-blue-gradient{
  background-color:#1A4879;
  background: linear-gradient(to bottom, rgba(30, 105, 184) 25%, rgba(19, 70, 125) 100%);
}

.bg-primary {
  background-color: #64a19d !important;
}

.text-primary {
  color: #64a19d !important;
}

footer {
  padding: 5rem 0;
}

/* Intro */

  #intro {
    color: #ffffff;
    padding: 8rem 4rem 6rem 4rem ;
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-justify-content: -moz-flex-end;
    -webkit-justify-content: -webkit-flex-end;
    -ms-justify-content: -ms-flex-end;
    justify-content: flex-end;
    -moz-transition: opacity 1s ease, -moz-transform 1s ease;
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    -ms-transition: opacity 1s ease, -ms-transform 1s ease;
    transition: opacity 1s ease, transform 1s ease;
    position: relative;
    cursor: default;
    text-align: center;
    z-index: 1;
    min-height: 100vh;
  }

    #intro input, #intro select, #intro textarea {
      color: #ffffff;
    }

    #intro a {
      color: #ffffff;
      border-bottom-color: rgba(255, 255, 255, 0.5);
    }

      #intro a:hover {
        border-bottom-color: transparent;
        color: #2D97CB !important;
      }

    #intro strong, #intro b {
      color: #ffffff;
    }

    #intro h1, #intro h2, #intro h3, #intro h4, #intro h5, #intro h6 {
      color: #ffffff;
    }

    #intro blockquote {
      border-left-color: #ffffff;
    }

    #intro code {
      background: rgba(255, 255, 255, 0.075);
      border-color: #ffffff;
    }

    #intro hr {
      border-bottom-color: #ffffff;
    }

    #intro input[type="submit"],
    #intro input[type="reset"],
    #intro input[type="button"],
    #intro button,
    #intro .button {
      background-color: transparent;
      background-image: none;
      box-shadow: inset 0 0 0 2px #ffffff;
      color: #ffffff !important;
    }

      #intro input[type="submit"]:hover,
      #intro input[type="reset"]:hover,
      #intro input[type="button"]:hover,
      #intro button:hover,
      #intro .button:hover {
        color: #2D97CB !important;
      }

      #intro input[type="submit"].special,
      #intro input[type="reset"].special,
      #intro input[type="button"].special,
      #intro button.special,
      #intro .button.special {
        background-color: #ffffff;
        box-shadow: none;
        color: #1e252d !important;
      }

        #intro input[type="submit"].special:hover,
        #intro input[type="reset"].special:hover,
        #intro input[type="button"].special:hover,
        #intro button.special:hover,
        #intro .button.special:hover {
          background-color: #2D97CB;
        }

    #intro h1 {
      font-size: 5rem;
      line-height: 1;
    }

    #intro p {
      font-size: 1.25rem;
      font-style: italic;
      margin-top: -0.25rem;
      text-align: center;
    }

    #intro + #header {
      margin-top: -20rem;
    }

      #intro + #header .tagline {
        -moz-transform: translateY(2rem);
        -webkit-transform: translateY(2rem);
        -ms-transform: translateY(2rem);
        transform: translateY(2rem);
        opacity: 0;
        visibility: hidden;
      }

    #intro.hidden {
      -moz-pointer-events: none;
      -webkit-pointer-events: none;
      -ms-pointer-events: none;
      pointer-events: none;
      -moz-transform: translateY(2rem);
      -webkit-transform: translateY(2rem);
      -ms-transform: translateY(2rem);
      transform: translateY(2rem);
      -moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease, visibility 0.5s;
      -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease, visibility 0.5s;
      -ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease, visibility 0.5s;
      transition: opacity 0.5s ease, transform 0.5s ease, visibility 0.5s;
      opacity: 0;
      visibility: hidden;
    }

      #intro.hidden + #header .tagline {
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
      }

    body.is-loading #intro {
      -moz-transform: translateY(2rem);
      -webkit-transform: translateY(2rem);
      -ms-transform: translateY(2rem);
      transform: translateY(2rem);
      opacity: 0;
    }

      body.is-loading #intro:not(.hidden) + #header + #nav {
        -moz-transform: translateY(4rem);
        -webkit-transform: translateY(4rem);
        -ms-transform: translateY(4rem);
        transform: translateY(4rem);
        opacity: 0;
      }

    @media screen and (max-width: 980px) {

      #intro {
        padding: 4rem 4rem 2rem 4rem ;
        min-height: 70vh;
      }

        #intro p br {
          display: none;
        }

        #intro + #header {
          margin-top: -14rem;
        }

    }

    @media screen and (max-width: 736px) {

      #intro {
        padding: 5rem 1.5rem;
        min-height: 50vh;
        }

        #intro h1 {
          font-size: 3.25rem;
          line-height: 1.1;
        }

        #intro p {
          font-size: 1rem;
          margin-top: 0rem;
        }

        #intro .actions {
          display: none;
        }

    }

* List */

  ol {
    list-style: decimal;
    margin: 0 0 2rem 0;
    padding-left: 1.25rem;
  }

    ol li {
      padding-left: 0.25rem;
    }

  ul {
    list-style: disc;
    margin: 0 0 2rem 0;
    padding-left: 1rem;
  }

    ul li {
      padding-left: 0.5rem;
    }

    ul.divided {
      list-style: none;
      padding-left: 0;
    }

      ul.divided li {
        border-top: solid 1px;
        padding: 0.5rem 0;
      }

        ul.divided li:first-child {
          border-top: 0;
          padding-top: 0;
        }

    ul.icons {
      cursor: default;
      list-style: none;
      padding-left: 0;
    }

      ul.icons li {
        display: inline-block;
        padding: 0 0.5rem 0 0;
        vertical-align: middle;
      }

        ul.icons li:last-child {
          padding-right: 0;
        }

        ul.icons li .icon:before {
          width: 2.25rem;
          height: 2.25rem;
          line-height: 2.25rem;
          display: inline-block;
          text-align: center;
          border-radius: 100%;
          font-size: 1.25rem;
        }

      ul.icons.alt li .icon:before {
        -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        -ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        font-size: 1rem;
      }

    ul.actions {
      cursor: default;
      list-style: none;
      
    }

      ul.actions li {
        display: block;
        vertical-align: middle;
        margin: 10px;
      }

        ul.actions li:last-child {
          padding-right: 0;
        }

      ul.actions.small li {
        padding: 0 0.5rem 0 0;
      }

      ul.actions.vertical li {
        display: block;
        padding: 1rem 0 0 0;
      }

        ul.actions.vertical li:first-child {
          padding-top: 0;
        }

        ul.actions.vertical li > * {
          margin-bottom: 0;
        }

      ul.actions.vertical.small li {
        padding: 0.5rem 0 0 0;
      }

        ul.actions.vertical.small li:first-child {
          padding-top: 0;
        }

      ul.actions.fit {
        display: table;
        margin-left: -1rem;
        padding: 0;
        table-layout: fixed;
        width: calc(100% + 1rem);
      }

        ul.actions.fit li {
          display: table-cell;
          padding: 0 0 0 1rem;
        }

          ul.actions.fit li > * {
            margin-bottom: 0;
          }

        ul.actions.fit.small {
          margin-left: -0.5rem;
          width: calc(100% + 0.5rem);
        }

          ul.actions.fit.small li {
            padding: 0 0 0 0.5rem;
          }

      @media screen and (max-width: 767px) {

        ul.actions {
          margin: 0 0 2rem 0;
        }

          ul.actions li {
            padding: 1rem 0 0 0;
            display: block;
            text-align: center;
            width: 100%;
          }

            ul.actions li:first-child {
              padding-top: 0;
            }

            ul.actions li > * {
              width: 100%;
              margin: 0 !important;
            }

              ul.actions li > *.icon:before {
                margin-left: -2rem;
              }

          ul.actions.small li {
            padding: 0.5rem 0 0 0;
          }

            ul.actions.small li:first-child {
              padding-top: 0;
            }

      }

  dl {
    margin: 0 0 2rem 0;
  }

    dl dt {
      display: block;
      font-weight: 600;
      margin: 0 0 1rem 0;
    }

    dl dd {
      margin-left: 2rem;
    }

  ul.divided li {
    border-top-color: #eeeeee;
  }

  ul.icons li a.icon:hover:before {
    color: #2D97CB;
  }

  ul.icons.alt li .icon:before {
    box-shadow: inset 0 0 0 2px #eeeeee;
  }

  ul.icons.alt li a.icon:hover:before {
    box-shadow: inset 0 0 0 2px #2D97CB;
  }
/* Icon */

  .icon {
    text-decoration: none;
    border-bottom: none;
    position: relative;
  }

    .icon:before {
      -moz-osx-font-smoothing: dealership;
      -webkit-font-smoothing: antialiased;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-transform: none !important;
    }

    .icon > .label {
      display: none;
    }


/* Button */

  input[type="submit"],
  input[type="reset"],
  input[type="button"],
  button,
  .button {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
    border: 0;
    cursor: pointer;
    display: block;
    font-family: "Antenna", Helvetica, sans-serif;
    font-size: 0.7rem;
    letter-spacing: 0.075em;
    padding: 9px;
      width: 234px;
      height: 30px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
  }

    input[type="submit"].icon:before,
    input[type="reset"].icon:before,
    input[type="button"].icon:before,
    button.icon:before,
    .button.icon:before {
      margin-right: 0.5rem;
    }

    input[type="submit"].icon.solo,
    input[type="reset"].icon.solo,
    input[type="button"].icon.solo,
    button.icon.solo,
    .button.icon.solo {
      position: relative;
      width: 4rem;
      height: 4rem;
      line-height: 4rem;
      border-radius: 4rem;
      text-indent: 4rem;
      overflow: hidden;
      padding: 0;
      white-space: nowrap;
    }

      input[type="submit"].icon.solo:before,
      input[type="reset"].icon.solo:before,
      input[type="button"].icon.solo:before,
      button.icon.solo:before,
      .button.icon.solo:before {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: inherit;
        height: inherit;
        line-height: inherit;
        font-size: 1.25rem;
        margin-right: 0;
        text-align: center;
        text-indent: 0;
      }

    input[type="submit"].fit,
    input[type="reset"].fit,
    input[type="button"].fit,
    button.fit,
    .button.fit {
      display: block;
      margin: 0 0 1rem 0;
      width: 100%;
    }

    input[type="submit"].small,
    input[type="reset"].small,
    input[type="button"].small,
    button.small,
    .button.small {
      font-size: 0.7rem;
      height: 2.5rem;
      line-height: 2.5rem;
      padding: 0 1.5rem;
    }

    input[type="submit"].big,
    input[type="reset"].big,
    input[type="button"].big,
    button.big,
    .button.big {
      font-size: 0.9rem;
      height: 3.5rem;
      line-height: 3.5rem;
      padding: 0 2.75rem;
    }

    @media screen and (max-width: 980px) {

      input[type="submit"],
      input[type="reset"],
      input[type="button"],
      button,
      .button {
        font-size: 0.9rem;
        height: 2.5rem;
        line-height: 1.5rem;
      }

        input[type="submit"].big,
        input[type="reset"].big,
        input[type="button"].big,
        button.big,
        .button.big {
          font-size: 1rem;
          height: 3.75rem;
          line-height: 3.75rem;
        }

    }

    input[type="submit"].disabled, input[type="submit"]:disabled,
    input[type="reset"].disabled,
    input[type="reset"]:disabled,
    input[type="button"].disabled,
    input[type="button"]:disabled,
    button.disabled,
    button:disabled,
    .button.disabled,
    .button:disabled {
      -moz-pointer-events: none;
      -webkit-pointer-events: none;
      -ms-pointer-events: none;
      pointer-events: none;
      opacity: 0.25;
    }

  input[type="submit"],
  input[type="reset"],
  input[type="button"],
  button,
  .button {
    background-color: #1E69B8; background-image: -webkit-gradient(linear, left top, left bottom, from(#1E69B8), to(#13467D));
    background-image: -webkit-linear-gradient(top, #1E69B8, #13467D);
    background-image: -moz-linear-gradient(top, #1E69B8, #13467D);
    background-image: -ms-linear-gradient(top, #1E69B8, #13467D);
    background-image: -o-linear-gradient(top, #1E69B8, #13467D);
    background-image: linear-gradient(to bottom, #1E69B8, #13467D);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1E69B8, endColorstr=#13467D);
    color: #fffffe !important;
  }

    input[type="submit"]:hover,
    input[type="reset"]:hover,
    input[type="button"]:hover,
    button:hover,
    .button:hover {
      background-color: #000000 !important;
      background-image: none !important;
      color: #fffffe !important;
    }

    input[type="submit"].special,
    input[type="reset"].special,
    input[type="button"].special,
    button.special,
    .button.special {
      background-color: #212931;
      box-shadow: none;
      color: #ffffff !important;
    }

      input[type="submit"].special:hover,
      input[type="reset"].special:hover,
      input[type="button"].special:hover,
      button.special:hover,
      .button.special:hover {
        background-color: #2D97CB;
      }

/* Video */

#video-background {
  position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
}

/* LOGOS */

.logo{
  padding-bottom:60px;

}
.logo-sm{
  padding-right:20px;
}

.blue-gradient-bg{
  /*background:#777777 !important;*/
}

/* FONT AWESOME */
.fa-arrow-down:before {
    content: "\f063";
}

/*DEALER CUSTOM*/

.fade-in{
  opacity: 0;
}

.tagline {
    font-size: 22px;
    font-style: italic;
    padding-bottom: 50px;
}

.dealer-block{
  display: inline-block;
  width:470px;
  max-width: 100%
}
.row.dealer-block{
    padding-bottom: 20px;
}

.dealer-column {
    padding: 0 20px;
}
.dealer-left{
  float:right;
}
.dealer-right{
  float:left;
}

.dealer-info-left{
  display: inline-block;
  float: left;
}
.dealer-info-right{
  display:inline-block;
  float:right;
}

#vehicle-left{
  background-image: url("../images/city.jpg");
  background-position: right top;
  background-size:470px 271px;
  background-repeat: no-repeat;
  min-width: 470px;
  min-height: 360px;
  width:auto;
  height: auto;
}
#vehicle-right{
  background-image: url("../images/country.jpg");
  background-position: left top;
  background-size:470px 271px;
  background-repeat: no-repeat;
  min-width: 470px;
  min-height: 360px;
  width:auto;
  height: auto;
}

#vehicle-left img, #vehicle-right img{
  max-width:100%;
}

#vehicle-left img{
  margin-left: 0px;
  margin-top: 10px;
}
#vehicle-right img{
  margin-left: -20px;
  margin-top: 20px;
}

.img-fullwidth{
  width:100%;
  height:auto;
}
.img-row{
  padding:15px 0;
}
.img-row img{
  border:#ffffff 2px solid;
  transition: transform .2s;
}
.img-row img:hover{
  transform: scale(1.2);
}
.img-footer{
  margin-bottom: -171px;
}

.bottom-row{
  padding-bottom:100px;
}

.img-snapshot{
  display:inline-block;
  width:300px;
  max-width:100%;
  height:auto;
}


/*--------- RESPONSIVE ---------*/
@media screen and (max-width: 1199px) {
  ul {
    max-width: 232px;
  }
  #vehicle-right img {
    margin-top: 40px;
  }
  .dealer-left {
    float: none;
  }
  .dealer-right {
    float: none;
  }
  .dealer-column {
    padding: 0 15px;
  }
}
@media screen and (max-width: 991px) {
  .masthead {
    height: 90vh;
    padding: 0;
  }
  .dealer-left{
    float:left;
  }
  .hundred{
    max-width:467px;
  }
  .img-row{
    display:inline-block;
    padding:15px;
  }
  .img-col{
    padding:15px;
  }
  ul {
    max-width: 220px;
  }
  .service-section {
    padding-top: 5rem;
  }
  .bottom-row {
    padding-bottom: 50px;
  }
  .img-footer {
    margin-bottom: -110px;
  }
}
@media screen and (max-width: 767px) {
  #video-background {
  display:none;
  }
  .masthead {
    height: 50vh;
    min-height: 25rem;
    padding: 0;
    background:#333333;
  }
  #vehicle-left{
  background-position: center top;
  background-size:contain;
  min-width:80%;
  max-width:100%;
  width:auto;
  height: auto;
  min-height: 250px;
  margin: auto;
  }
  #vehicle-right{
  background-position: center top;
  background-size:contain;
  min-width:80%;
  max-width:100%;
  width:auto;
  height: auto;
  min-height: 250px;
  margin: auto;
  }
  #vehicle-left img, #vehicle-right img{
  max-width:90%;
  }
  #vehicle-left img{
    margin-left: 17px;
    margin-top: 32px;
  }
  #vehicle-right img{
    margin-left: 30px;

  }
  .dealer-info-left {
    display: block;
    float: none;
    text-align: center;
    margin: auto;
    width: 100%;
    padding-bottom:20px;
  }
  .dealer-info-right {
    display: block;
    float: none;
    text-align: center;
    margin: auto;
    width: 100%;
  }
  ul.actions {
    max-width: 100%;
  }
  #intro h1 {
    font-size: 3rem;
  }
  .dealers-section {
    padding: 0;
    padding-top: 50px;
  }
  .logo-sm {
    padding-left: 10%;
  }
  .img-footer {
    margin-bottom: -60px;
  }
}