/*GLOBAL CSS*/
body {
    background-color: #111;
    font-family: 'Roboto', sans-serif;
    padding-top: 55px;
}

.btn {
    background-color: #d0021b;
    color: #fff;
    box-shadow: 0px 1px 2px #333;
    transition: all .2s ease-in-out;
}

.btn:hover {
    color: #fff;
    transform: scale(0.9);
}
.title {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}


/*NAV*/
.navbar .active {
    background: #686868;
    border-radius: 5%;
}
.dropdown .dropdown-menu {
    background-color: #323232;
}

.dropdown .dropdown-menu a{
    color: #fff;
}

.dropdown .dropdown-menu a:hover{
    color: #323232;
}

.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown > .dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}


/*INTRUCTIONS*/
#scroll {
    background-color: #d8d8d8;
    height: 40px;
}


/*HERO*/
header {
    background: #000;
    max-height: 750px;
    padding-bottom: 15px;
}

header img {
    opacity: 0.9;
}

header #header-text {
    color: #FFF;
    padding-top: 20px;
}


/*BODY-HOME-PAGE*/
.body {
    padding: 15px 0px;
    background-color: #323232;
    color: #fff;
}

.sec {
    padding: 25px 0px;
}
.body img {
    max-height: 400px;
}

.body .body-main-1 .btn, .body-main-3 .btn, .body-pages .btn{
    margin-bottom: 15px;
}/*padding for buttons when breakpoint is met and content is stacked*/

#body-main-2 {
    background-color: #848484;
    color: #191919;
}

#body-main-2 img{
    margin-bottom: 15px;
}


/*CTA*/
.cta {
    background: url(../images/body/organ-mountain.jpeg)  no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 350px;
    color: #fff;
}

.cta-wrap {
    padding: 100px 0px;
    text-align: center;
}

.cta-wrap h1 {
    font-size: 58px;
    margin-bottom: 20px;
}


/*REVIEWS*/
.reviews {
    background-color: #dcdcdc;
    padding: 50px 0px;
}

#review-header {
    padding-bottom: 30px;
}

.blockquote {
    border-left:6px solid #bebebe;
    padding-left: 10px;
    margin-bottom: 30px;
}

.blockquote .bq-main {
    font-size: 1.3em;
}


/*BODY-CARDS*/
.body-cards {
    background-color: #323232;
    color: #191919;
    padding-bottom: 30px;
}

.body-cards .card-intro {
    color: #fff;
    padding: 25px 0;
}

.card {
    box-shadow: 5px 5px 5px #444;
    margin-bottom: 25px;
}/*margin for stacked cards*/

.card img {
    box-shadow: none;
}


/*BODY, CSS FOR OTHER PAGES*/
.body-pages {
    padding: 40px 0px;
    background-color: #d8d8d8;
}

.body-pages img {
    box-shadow: 5px 5px 5px #444;
    max-height: 400px;
    margin: 10px 0px;
}


/*CSS FOR XMAS CARDS PAGE*/
.step-block {
    margin-bottom: 100px;
}
.body-pages #image-poster {
    display: block;
    margin: auto;
}/*css to center image in div img is the car poster*/


/*FOOTER*/
footer {
    background-color: #323232;
    color: #fff;
    padding: 30px 0px;
}

footer a {
    padding: 5px;
    color: #d0021b;
}

footer a:hover {
    color: #960214;
}

footer .footer-heading {
    margin-bottom: 30px;
}

footer #contact-info {
    font-size: 1.5em;
    margin-bottom: 20px
}


/*CSS FOR FAA IFRAME*/
.shop-wrap {
    background-color: #d8d8d8;
    padding: 20px;
}