#slide-bg{
    width: 100%;
    height: 600px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    backface-visibility: hidden;
    animation: slidebg 10s infinite;
    animation-timing-function: ease-in-out;
    background-image: url('../images/background/jeremy-banner-book.jpg');
   

}

@keyframes slidebg{
    0% {
        background-image: url('../images/background/jeremy-banner-book.jpg');
    }

    /* 50% {
        background-image: url('../images/background/jeremy-banner-lightglobe.jpg');
    } */

    90% {
        background-image: url('../images/background/jeremy-banner-lightglobe.jpg');
        /* background-image: url('../images/background/jeremy-banner-book.jpg');
        background-image: url('../images/background/jeremy-banner-inner.jpg'); */
    }
}



@media (max-width: 1367px){

}


@media (max-width: 1025px){

}


@media (max-width: 950px){
    .slideshow-bg{
        max-height: 450px;
        width:auto;
        object-fit:cover;
        object-position: 100% 25%;
        }

    .desktop-slide-show-job-search-form{
        display: none;
    }
}


@media (max-width: 768px){
    .slideshow-bg{
        max-height: 350px;
        width:auto;
        object-fit:cover;
        object-position: 100% 25%;
        }
}



@media (max-width: 700px){

}


@media (max-width: 500px){ 

    .slideshow-bg{
        max-height: 200px;
        width:auto;
        object-fit:cover;
        object-position: 100% 25%;
        }
}


@media (max-width: 400px){
 
}


/* Reccomended */
/* start of desktop styles */
@media screen and (max-width: 991px) {
/* start of large tablet styles */
}
@media screen and (max-width: 767px) {
/* start of medium tablet styles */
}
@media screen and (max-width: 479px) {
/* start of phone styles */
}

/* I have max width 1367, 1025, 950, 768, 500 */