body, #slider, .wrap, .slide-content{
    margin:0;
    padding:0;
    font-family: Cabin, Helvetica, sans-serif;
    width:100%;
    height:600px;
    overflow-x:hidden;
}
.wrap{position:relative;}

.slide{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0s;
}

@media all and (min-width:1200px){
.slide0{background-image: url('../images/sd00.jpg');}    
.slide1{background-image: url('../images/sd01.jpg');}
.slide2{background-image: url('../images/sd02.jpg');}
.slide3{background-image: url('../images/sd03.jpg');}
.slide4{background-image: url('../images/sd04.jpg');}
}

@media all and (max-width:1200px){
.slide0{background-image: url('../images/sd00m.jpg');}
.slide1{background-image: url('../images/sd01m.jpg');}
.slide2{background-image: url('../images/sd02m.jpg');}
.slide3{background-image: url('../images/sd03m.jpg');}
.slide4{background-image: url('../images/sd04m.jpg');}
}

.slide-content{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.slide-content span{
    font-size: 5rem;
    color:#fff;
    background-color:rgba(0,0,0, .6);
    padding:10px 20px;
}

.dir-control{
    cursor: pointer;
    position:absolute;
    top:50%;
    margin-top:-30px;
    width:0;
    height:0;
    z-index:5;
}
.fa {
  display:inline-block;
   line-height: 50px;
   background-color:rgba(0,0,0, .3);
   width:50px;
   height:56px;
   color:white;
   text-align: center;
   vertical-align: bottom;
}

#dir-control-left{
    left:0;
    margin-left:-1px;
}

#dir-control-right{
    right:0;
    margin-right:50px;
}
.slider-active{
    visibility:hidden;
    opacity:0;
}
.slide.slide-is-active{
    visibility:visible;
    opacity: 1;
}

.slide-transition{
    transition: all .5s ease-in-out;
}