*{
  margin:0px;
  padding:0px;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'PT Sans', sans-serif;
  color:#141414;
  font-size:16px;
  margin: 0px;
}

h1{
  margin: 0 0 40px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 2.5em;
}

h2, 
h3,
h4{
  font-family: 'Source Sans Pro', sans-serif;
  margin: 0 0 20px;
  line-height: 1.33em;
}

p{
  margin: 0 0 20px;
  line-height: 1.5em;
}

a{
  text-decoration: none;
  transition: .4s;
}

ul{
  padding-left: 40px;
}

ul li{
  margin-bottom: 10px;
}

.subpage-content {
  border-bottom: 1px solid #141414;
}

.subpage-content a{
  color: #141414;
  border-bottom: 1px solid #df0909;
}

.subpage-content a:hover{
  color: #df0909;
}

.center-text{
  text-align: center;
}

/*#header-announcement{
  display: none !important;
}*/

.subpage-hero{
  background: url(images/warehouse-hero3.jpg) no-repeat center 50%;
  background-size: cover;
}

.subpage-hero2{
  background: url(images/factory-hero.jpg) no-repeat center 70%;
  background-size: cover;
}
.subpage-hero3{
  background: url(images/warehouse-hero.jpg) no-repeat center 70%;
  background-size: cover;
}
.subpage-hero4{
  background: url(images/warehouse-hero2.jpg) no-repeat center 40%;
  background-size: cover;
}

#contact-hero{
  background: url(images/contact-hero.jpg) no-repeat 20% center;
  background-size: cover;
}

/*THANK YOU PAGE STYLES*/

#thank-you-content{
  font-size: 1.25em;
}

#thank-you-content .container{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

#thank-you-content img{
  /*padding: 30px 40px;
  border-radius: 20px;
  background: #a3a3a3;*/
  margin-top: 20px;
}

@media (min-width: 1100px) {

  .container {
    width:1100px;
    margin:0 auto;
  }

  .content{
    padding: 80px 0;
  }

  /*** HEADER DESKTOP STYLES ***/

  #navContainer{
    width: 100%;
    transition: .6s;
    position: fixed;
    top: 0;
    min-height: fit-content;
    z-index: 10000;
    padding: 15px 0;
  }

  #navContainer .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  #navContainer img{
    width: 250px;
    height: auto;
  }

  #nav{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  .topnav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 700px;
  }

  .topnav a{
    color: white;
    /*font-size: .9em;*/
    text-transform: uppercase;
    padding: 8px 12px;
  }

  .topnav a:hover{
   color: #141414;
   background: white;
  }

  .gray-vertical-bar{
    width: 1px;
    height: 30px;
    background: #9ea0a1;
  }

  #header-social{
    display:flex;
    justify-content: space-between;
    align-items: center;
    /*width: 150px;*/
  }

  #header-social i{
    color: #9ea0a1;
    transition: .4s;
    font-size: 1.5em;
  }

  #header-social i:hover{
    color: #fff;
    /*transform: scale(1.2); */
  }

  #header-social a:hover{
    background: transparent;
  }

  #myTopnav a.icon{
    display: none;
  }

  /*dropdown menu styles*/

  .dropdown {
    position: relative;
    display: inline-block;
  }

  .hidden {
    display: none;
    position: absolute !important;
    z-index: 1;
    padding-top: 10px;
  }

  .hidden a {
    color: #fff;
    padding: 10px 12px;
    text-decoration: none;
    display: block;
    background: rgba(20, 20, 20, .9);
    border-bottom: none;
    font-size: .9em;
    width: 180px;
    transition: .4s ;
  }

  .hidden a:hover{
    background-color: #9ea0a1;
    color: #fff;
    border-bottom: none;
    display: block;
    opacity: 1;
  }

  .dropdown:hover .hidden {
    display: block;
  }

  .dropbtn{
    cursor: default;
  }

  a.dropbtn:hover{
    color:#fff;
    background-color:transparent;
  }

  .hidden:hover{
      opacity: 1;
  }

  .hidden {
      animation: fadeIn .5s;
      -webkit-animation: fadeIn .5s;
      -moz-animation: fadeIn .5s;
      -o-animation: fadeIn .5s;
      -ms-animation: fadeIn .5s;
    }
    @keyframes fadeIn {
      0% {opacity:0;}
      100% {opacity:1;}
    }

    @-moz-keyframes fadeIn {
      0% {opacity:0;}
      100% {opacity:1;}
    }

  /***HERO DEKSTOP STYLES***/

  #homepage-hero{
    background: url('images/homepage-hero.jpg') no-repeat top center;
    background-size: cover;
    height: 600px;
    margin-top: 0px;
  }


  #homepage-hero .container{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  #homepage-hero h1{
    text-transform: uppercase;
    font-size: 3.5em;
    color: white;
    margin-bottom: 0px;
    text-align: center;
    padding: 10px 0;
    width: 675px;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    margin-left: 30px;
  }

  /*MAIN BODY DESKTOP STYLES*/

  #homepage-gray{
    background: #9ea0a1;
  }

  #homepage-gray .container{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    color: white;
  }

  .gray-col{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 300px;
  }

  .gray-col i{
    background: #df0909;
    padding: 10px;
    font-size: 2em;
    margin-right: 20px;
  }

  .gray-text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .gray-text h3{
    padding-bottom: 10px;
    border-bottom: 3px solid #df0909;
    width: 200px;
  }

  .gray-text p{
    margin-bottom: 0px;
  }

  #homepage-companies h3{
    text-align: center;
    margin: 0 auto;
    width: 180px;
    padding: 0 10px 10px;
    border-bottom: 3px solid #df0909;
  }

  .company-container{
    margin-top: 60px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
  }

  img.company-small{
    margin:0 10px 30px;
    max-width: 230px;
    height: auto;
    padding: 10px;
    border: 2px solid white;
    transition: .4s;
  }

  img.company-small:hover{
    border: 2px solid #a3a3a3;
    transform: scale(1.05);
  }

  #homepage-inventory{
    background: url(images/inventory-background.jpg) no-repeat center;
    background-size: cover;
  }

  #homepage-inventory h3{
    text-align: center;
    margin: 0 auto;
    width: 200px;
    padding: 0 10px 10px;
    border-bottom: 3px solid #df0909;
  }

  .inventory-container{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 60px;
  }

  .featured-inventory{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: white;
    padding: 20px;
    height: 405px;
    border: 3px solid white;
    transition: .4s;
  }

  .featured-inventory h3{
    color: #141414;
    border-bottom: none !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
  }

  .featured-inventory p{
    color: #141414;
  }

  .featured-inventory img{
    width: 276px;
    height: auto;
  }

  p.inventory-btn{
    width: 276px;
    border: 1px solid #141414;
    /*border-right: 1px solid #141414;
    border-bottom: 1px solid #141414;*/
    text-align: center;
    text-transform: uppercase;
    padding: 8px 0;
    transition: .4s;
  }

  .featured-inventory:hover{
    border: 3px solid #df0909;
    transform: scale(1.05);
  }

  .featured-inventory:hover p.inventory-btn{
    color: #df0909;
  }

  #homepage-solutions{
    background: url(images/solutions-background.jpg) no-repeat center;
    background-size: cover;
    color: white;
  }

  #homepage-solutions .container{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  #homepage-solutions h2{
    font-size: 2em;
    margin-bottom: 20px;
  }

  .red-border{
    background:#df0909;
    height: 3px;
    width: 150px;
    margin-bottom: 40px;
  }

  .solution{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 40px;
  }

  .solution:last-child{
    margin-bottom: 0px;
  }

  .solution h3{
    margin-bottom: 10px;
  }

  .solution p{
    margin-bottom: 0px;
    width: 400px;
  }

  .solution i{
    color: white;
    font-size: 2em;
    background: #a0a0a0;
    padding: 8px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    margin-right: 40px;
  }

  a.apt-btn{
    display: inline-block;
    padding: 10px 20px;
    font-weight: bold;
    color: white;
    background: #df0909;
    border: 2px solid #df0909;
    margin-left: 106px;
  }

  a.apt-btn:hover{
    background: white;
    color: #df0909;
  }

  /***SUBPAGE DESKTOP STYLES***/

  .subpage-hero{
    height: 300px;
    margin-top: 0;
    color: white;
  }

  .subpage-hero .container{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .subpage-hero img{
    margin-right: 40px;
    width: 45px;
    height: auto;
  }

  .subpage-hero h1{
    margin-bottom: 0px;
    font-size: 3em;
    text-transform: uppercase;
    padding: 8px 20px 10px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
  }

  /***PARTS DESKTOP STYLES***/

  /*#parts-content .container{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }*/

  .parts-text{
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #a3a3a3;
  }

  .parts-img{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
  }

  .parts-img h3{
    width: 100%;
    text-align: center;
  }

  .parts-partner{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 20px 0 0;
  }

  .parts-partner img{
    margin-bottom: 20px;
  }

  .parts-partner a{
    border-bottom: none;
  }

  /***SERVICES PAGE DESKTOP STYLES***/

  #work-vans{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 60px;
  }

  #work-vans img{
    width: 500px;
    height: auto;
  }

  #services-container{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 60px;
  }

  #services-container a{
    border-bottom: none;
  }

  #services-container img{
    margin-bottom: 40px;
    width: 310px;
    height: auto;
    border: 2px solid white;
    padding: 20px;
    transition: .4s;
  }

  #services-container img:hover{
    border: 2px solid #101010;
  }

  /***INVENTORY DESKTOP STYLES***/

  .inventory-form{
    margin: 60px auto 0;
    width: 640px;
  }

  .inventory-form form{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 640px;
  }

  .inventory-form input{
    width: 280px;
    height: 20px;
    border: 2px solid #141414;
    font-size: 1em;
    margin: 10px 0;
    padding: 10px;
    font-family: 'PT Sans', sans-serif;
  }

  .inventory-form textarea{
    width: 640px;
    height: 200px;
    font-size: 1em;
    border: 2px solid #141414;
    margin-top: 10px;
    padding: 10px;
    font-family: 'PT Sans', sans-serif;
  }

  input#submit{
    height: 50px;
    color: white;
    width: 210px;
    border: none;
    background: #df0909;
    border: 2px solid #df0909;
    transition: .4s;
    margin-top: 20px;
  }

  input#submit:hover{
    cursor: pointer;
    background: #fff;
    color: #df0909;
  }

  /***CONTACT DESKTOP STYLES***/

  #contact-content .container{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .contact-text{
    width: 400px;
  }

  .contact-text h3{
    margin-bottom: 0px;
  }

  .contact-text h4{
    font-weight: 400;
    color: #a3a3a3;
    margin-bottom: 10px;
  }

  .contact-text p{
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #a3a3a3;
  }

  .contact-map iframe{
    width: 580px;
    height: 450px;
  }

  /***FOOTER DESKTOP STYLES***/

  footer{
    color: #a3a3a3;
    padding: 60px 0 0;
  }

  footer a{
    color: #a3a3a3;
  }

  footer a:hover{
    color: #df0909;
  }

  footer .container{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }

  .footer-col{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-col h3{
    color: #141414;
  }

  .footer-col img{
    margin-bottom: 20px;
  }

  .footer-col p{
    margin-bottom: 10px;
  }

  /*.footer-col:nth-of-type(2) a{
    border-bottom: 1px solid #a3a3a3;
  }*/

  .footer-col:nth-of-type(4){
    width: 350px;
  }

  .footer-col form{
    /*display: flex;*/
    /*justify-content: flex-start;*/
  }

  .footer-col input{
    height: 20px;
    width: 190px;
    padding: 10px;
    background: transparent;
    color: #a3a3a3;
    font-family: 'PT Sans', sans-serif;
    border: 1px solid #a3a3a3;
  }

  .footer-col #subscribe{
    background: #df0909;
    border: 2px solid #df0909;
    color: white;
    height: 42px;
    width: 110px;
    text-align: center;
    padding: 10px 20px;
    margin-left: 10px;
    transition: .4s;
    text-transform: uppercase;
  }

  .footer-col #subscribe:hover{
    background: white;
    color: #df0909;
    cursor: pointer;
  }

  #sub-footer {
    border-top: 1px solid #a3a3a3;
    padding: 20px 0;
    margin-top: 30px;
    width: 100%;
    font-size: .9em;
  }

  #sub-footer a{
    border-bottom: 1px solid #df0909;
  }


}

@media (max-width: 1090px) {

  .container {
    width: 100%;
    margin:0 auto;
  }

  .content{
    padding: 60px 20px;
  }

  /***** HEADER MOBILE STYLES *****/

  #navContainer{
    width: 100%;
    background-color: #141414 !important;
    transition: 0.4s;
    position: fixed;
    top: 0;
    z-index: 100;
    min-height: 90px;
    border-top: 1px solid #9c9f9f;
  }

  #nav{
    padding:0px 10px 0;
    margin-top: 15px;
    height: fit-content;
    background-color: #141414;
  }

  #navContainer img{
    width: 180px;
    height: auto;
    margin: 20px 0 0 20px;
  }

  #header-social{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
  }

  #header-social a{
    color: #9c9f9f;
    border-bottom: none;
    font-size: 1.33em;
  }

  #header-social a:hover{
    background: transparent;
    color: white;
  }

  /* Links inside the navbar */
  .topnav a { 
    float: left;
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }

  /* Add a background color to navbar links on hover */
  .topnav a:hover{
    background-color: #9c9f9f;
    color:#fff;
  }

  /* When the screen is less than 1099 pixels wide, hide all links. 
  Show the link that should open and close the topnav (.icon) */
  .topnav a{
    display:none;
  }

  .topnav a.icon {
    display: block;
    position: absolute;
    font-size: 30px;
    top: 6px;
    right: 0;
    float: right;
    margin: 0px 10px 10px 0;
    color: #fff;
    transition: unset;
  }

  .topnav a.icon:hover{
    background-color:transparent;
  }

   /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. 
  This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
  .topnav.responsive {
    position: relative; 
    clear:both;
    margin-bottom:10px;
  }
    .topnav.responsive a.icon {
      position: absolute;
      right: -10px;
      top: -75px;
      border-bottom:none;
      transition: unset;
    }

    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
      border-bottom:1px solid #9c9f9f;
    }
    .topnav.responsive .dropdown {float: none;}
    .topnav.responsive .dropdown-content {position: relative;}
    .topnav.responsive .dropdown .dropbtn {
      display: block;
      width: 100%;
      text-align: left;
    }

    /* DROPDOWN MENU */

    .topnav.responsive .dropdown {float: none;}
    .topnav.responsive .dropdown-content {position: relative;}
    .topnav.responsive .dropdown .dropbtn {
      display: block;
      text-align: left;
    }

    /* Dropdown Content */
    .hidden{
      display: none;
      margin: 10px 0;
    }

    .hidden a{
      margin-left: 25px !important;
      font-size: .9em;
    }

    /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
    .show {display:block;}

     .topnav.responsive,
    .hidden {
      animation: fadeIn .5s;
      -webkit-animation: fadeIn .5s;
      -moz-animation: fadeIn .5s;
      -o-animation: fadeIn .5s;
      -ms-animation: fadeIn .5s;
    }
    @keyframes fadeIn {
      0% {opacity:0;}
      100% {opacity:1;}
    }

    @-moz-keyframes fadeIn {
      0% {opacity:0;}
      100% {opacity:1;}
    }


  /*** HERO MOBILE STYLES ***/

 #homepage-hero{
    background: url('images/homepage-hero.jpg') no-repeat top center;
    background-size: cover;
    padding: 120px 20px 130px;
    margin-top: 90px;
  }

  #homepage-hero .container{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  #homepage-hero h1{
    text-transform: uppercase;
    font-size: 2.5em;
    color: white;
    margin-bottom: 40px;
    text-align: center;
    padding: 8px 10px 10px;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
  }

  #homepage-hero img{
    display: none;
  }

  /*MAIN BODY MOBILE STYLES*/

  #homepage-gray{
    background: #9ea0a1;
  }

  #homepage-gray .container{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    color: white;
  }

  .gray-col{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 300px;
    margin: 0 30px 60px;
  }

  .gray-col i{
    background: #df0909;
    padding: 10px;
    font-size: 2em;
    margin-right: 20px;
  }

  .gray-text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .gray-text h3{
    padding-bottom: 10px;
    border-bottom: 3px solid #df0909;
    width: 200px;
  }

  .gray-text p{
    margin-bottom: 0px;
  }

  #homepage-companies h3{
    text-align: center;
    margin: 0 auto;
    width: 180px;
    padding: 0 10px 10px;
    border-bottom: 3px solid #df0909;
  }

  .company-container{
    margin-top: 60px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
  }

  img.companies-large{
    display: none;
  }

  img.company-small{
    margin: 0 20px 40px;
    height: auto;
    max-width: 200px;
  }

   #homepage-inventory{
    background: url(images/inventory-background-mobile.jpg) no-repeat center;
    background-size: cover;
  }

  #homepage-inventory h3{
    text-align: center;
    margin: 0 auto;
    width: 200px;
    padding: 0 10px 10px;
    border-bottom: 3px solid #df0909;
    color: white;
  }

  .inventory-container{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    margin-top: 60px;
  }

  .featured-inventory{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: white;
    padding: 20px;
    border: 3px solid white;
    transition: .4s;
    margin: 0 20px 40px;
    width: 240px;
  }

  .featured-inventory h3{
    color: #141414 !important;
    margin-bottom: 20px !important;
    border-bottom: none !important;
    padding: 0 !important;
  }

  .featured-inventory p{
    color: #141414;
  }

  .featured-inventory img{
    width: 100%;
    height: auto;
  }

  p.inventory-btn{
    width: 238px;
    border: 1px solid #141414;
  /*  border-right: 1px solid #141414;
    border-bottom: 1px solid #141414;*/
    text-align: center;
    text-transform: uppercase;
    padding: 8px 0;
    transition: .4s;
  }

  .featured-inventory:hover{
    border: 3px solid #df0909;
  }

  .featured-inventory:hover p.inventory-btn{
    color: #df0909;
  }

  #homepage-solutions{
    background: url(images/solutions-background.jpg) no-repeat center;
    background-size: cover;
    color: white;
  }

  #homepage-solutions .container{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #homepage-solutions h2{
    font-size: 2em;
    margin-bottom: 20px;
  }

  .red-border{
    background:#df0909;
    height: 3px;
    width: 150px;
    margin-bottom: 40px;
  }

  .solution{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
    width: 300px;
    text-align: center;
  }

  .solution:last-child{
    margin-bottom: 0px;
  }

  .solution-text{
    width: 100%;
  }

  .solution h3{
    margin-bottom: 10px;
  }

  .solution p{
    margin-bottom: 0px;
  }

  .solution i{
    color: white;
    font-size: 2em;
    background: #a0a0a0;
    padding: 8px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 20px;
  }

  a.apt-btn{
    display: inline-block;
    padding: 10px 20px;
    font-weight: bold;
    color: white;
    background: #df0909;
    border: 2px solid #df0909;
  }

  a.apt-btn:hover{
    background: white;
    color: #df0909;
  }

  /***SUBPAGE MOBILE STYLES***/

  .subpage-hero{
    height: 250px;
    margin-top: 90px;
    color: white;
  }

  .subpage-hero .container{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .subpage-hero img{
    margin-right: 40px;
    width: 30px;
    height: auto;
    display: none;
  }

  .subpage-hero h1{
    font-size: 3em;
    text-transform: uppercase;
    padding: 8px 20px 10px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    margin-bottom: 40px;
    text-align: center;
  }

  /***PARTS MOIBLE STYLES***/

  #parts-content .container{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .parts-text{
    width: 330px;
  }

  .parts-img{
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: 1px solid #a3a3a3;
    margin-top: 20px;
    padding-top: 40px;
    width: 100%;
  }

  .parts-img h3{
    width: 100%;
    text-align: center;
  }

  .parts-partner{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 20px 0 0;
  }

  .parts-partner img{
    margin-bottom: 20px;
  }

  .parts-partner a{
    border-bottom: none;
  }

   /***SERVICES PAGE MOBILE STYLES***/

   #work-vans{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 40px;
  }

  #work-vans img{
    width: 100%;
    max-width: 400px;
    height: auto;
    margin-bottom: 20px;
  }

  #services-container{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
  }

  #services-container a{
    border-bottom: none;
  }

  #services-container img{
    margin:0 30px 60px;
    width: 250px;
    height: auto;
  }

  /***INVENTORY MOBILE STYLES***/

  .inventory-form{
    margin: 60px auto 0;
    max-width: 600px;
  }

  .inventory-form form{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
  }

  .inventory-form input{
    width: 41%;
    max-width: 600px;
    height: 20px;
    border: 2px solid #141414;
    font-size: 1em;
    margin: 10px 0;
    padding: 10px;
    font-family: 'PT Sans', sans-serif;
  }

  .inventory-form textarea{
    width: 98%;
    max-width: 600px;
    height: 200px;
    font-size: 1em;
    border: 2px solid #141414;
    margin-top: 10px;
    padding: 10px;
    font-family: 'PT Sans', sans-serif;
  }

  input#submit{
    height: 50px;
    color: white;
    width: 160px;
    border: none;
    background: #df0909;
    border: 2px solid #df0909;
    transition: .4s;
    margin-top: 20px;
  }

  input#submit:hover{
    cursor: pointer;
    background: #fff;
    color: #df0909;
  }

  /***CONTACT MOBILE STYLES***/

  #contact-content {
    padding: 20px 20px 60px;
  }

  #contact-content .container{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: flex-start;
  }

  .contact-text{
    width: 280px;
    margin: 40px 20px 0;
  }

  .contact-text h3{
    margin-bottom: 0px;
  }

  .contact-text h4{
    font-weight: 400;
    color: #a3a3a3;
    margin-bottom: 10px;
  }

  .contact-text p{
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #a3a3a3;
  }

  .contact-text p:last-child{
    margin-bottom: 20px;
  }

  .contact-map iframe{
    width: 320px;
    height: 250px;
    margin: 40px 20px 0;
  }

  /***FOOTER MOBILE STYLES***/

  footer{
    color: #a3a3a3;
    padding: 60px 0 0;
  }

  footer a{
    color: #a3a3a3;
  }

  footer a:hover{
    color: #df0909;
  }

  footer .container{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
  }

  .footer-col{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 40%;
    padding-bottom: 40px;
    margin-bottom: 60px;
    border-bottom: 1px solid #a3a3a3;
  }

  .footer-col:first-child,
  .footer-col:nth-of-type(4){
    width: 80%;
  }

  .footer-col:nth-of-type(3){
    padding-right: 10px;
  }

  .footer-col:nth-of-type(4){
    border-bottom: none;
    margin-bottom: 0px;
  }

  .footer-col:nth-of-type(4) p{
   margin-bottom: 20px;
   width: 330px;
  }

  .footer-col h3{
    color: #141414;
  }

  .footer-col img{
    margin-bottom: 20px;
  }

  .footer-col p{
    margin-bottom: 10px;
  }

  .footer-col form{
    /*display: flex;*/
    justify-content: center;
  }

  .footer-col input{
    height: 20px;
    width: 190px;
    padding: 10px;
    background: transparent;
    color: #a3a3a3;
    font-family: 'PT Sans', sans-serif;
    border: 1px solid #a3a3a3;
  }

  .footer-col #subscribe{
    background: #df0909;
    border: 2px solid #df0909;
    color: white;
    height: 42px;
    width: 110px;
    text-align: center;
    padding: 10px 20px;
    margin-left: 10px;
    transition: .4s;
    text-transform: uppercase;
  }

  .footer-col #subscribe:hover{
    background: white;
    color: #df0909;
    cursor: pointer;
  }

  #sub-footer {
    border-top: 1px solid #a3a3a3;
    padding: 20px;
    margin-top: 30px;
    width: 100%;
    text-align: center;
    font-size: .9em;
  }

  #sub-footer a{
    border-bottom: 1px solid #df0909;
  }


}