body{
    padding-top: 153px;
    
}

/* Text in the select dropwdown menu */
.dropMenuEntry {
    font-size: 1em;
}

/* div containing the dropdown menu */
.dropMenu{
    text-align: center;
    max-width: 100%;
    height: 50px;
    font-size: 0.75rem;
}

/* "Select" next to the dropdown */
.varySelect {
    font-size: 1col-lg-offset-0;
    width: 200px;
    color: white;
}

/* Dropdown Menu */
#fancy-menu select {
    width: 75%;
    max-width: 500px;
    height: 35px;
    border-radius: 12px;
    font-size: 2em;
    appearance: none;
    background: url(/img/arrow-down.svg) #fff no-repeat right;
    background-size: 1.2rem;
    transform: translateY(17%);
}

/* Each vehicle thumbnail begins with this*/
.filterDiv {
    display: none;
}

/* Top level of the vehicle list */
.galleryContainer {
    display:inline-block;
}

/* The div that contains each vehicle */
.vehicleDiv{
    position: relative;
    width: 300px;
    height: 210px;
    overflow: hidden;
    border-radius: 12px;
    margin:15px;
}

.vehicleDiv img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

/* The IMG for each car's thumbnail*/
.thumbnail img.vehicleThumbnail {
    width: 100%;
    height: auto;
}

/*At the start of the thumbnail section*/
.centerIt {
    margin: auto;
}



/* inserted by JS to get the vehicle thumbnail to appear */
.showInGallery {
    display: block;
}


/* Vertical Screens */
@media  (max-width: 1080px) and (orientation: portrait) {

    body{
      padding-top:110px;
    }

}

/* Narrow Vertical Phones */
@media only screen and (max-device-width:400px) and (orientation: portrait){


}

/* Horizontal Devices (Ipads, etc.) */
@media only screen and (max-width:1300px) and (orientation: landscape) {


}

/* Horizontal Phones */
@media only screen and (max-width:1100px) and (orientation: landscape) {


}

/* Horizontal Phones that are narrow*/
@media only screen and (max-width:1100px) and (orientation: landscape) {


}



/* OLD STUFF PULLED OUT OF REACTIVE HERE


.dropMenu{
    width:100%;
    height: 100%;
    margin-bottom: 5px;
    font-size: 0.75rem;
}



@media  (max-width: 1080px)  {
    .dropMenu{
        height:110%;
    }
}


/* Vertical Screens (all) *

@media  (max-width: 1080px) and (orientation: portrait) {
    #fancy-menu select {
        height: 80px;
    }

    .varySelect, #fancy-menu select{
        font-size: 1.5rem
    }

    .carImg, .filterDiv{
        max-width: 1fr;
        width:100%;
        object-fit:fill;
    }

    .filterDiv{
        padding: 0.5rem 0;
    }
}