.home .slide {
    height: 600px;
}
body:not(.home){
    height:400px;
}
.slide {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-outer .slide .content h1 {
    text-shadow: 1px 1px 1px rgba(0,0,0,1);
    color: white;
}

.banner-outer .slide .content h2 {
    text-shadow: 1px 1px 1px rgba(0,0,0,1);
    color: white;
}

.banner-outer .slide .content p {
    color: white;
    text-shadow: 1px 1px 1px rgba(0,0,0,1);
    font-size:20px;
}

.slide .container .content > div {
    width: 400px;
    max-width: 90%;
}

@media all and (max-width: 600px) {
    .slide .container .content > div {
        width: auto;
    }
}