@media all and (min-width:1200px){
body, #slider, .wrap, .slide-content{
    margin:0;
    padding:0;
    font-family: Cabin, Helvetica, sans-serif;
    width:100%;
    height:1200px;
    
}
}

@media all and (max-width:1200px){
body, #slider, .wrap, .slide-content{
    margin:0;
    padding:0;
    font-family: Cabin, Helvetica, sans-serif;
    width:100%;
    height:600px;
    
}
}


.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/insta01.jpg');}    
.slide1{background-image: url('../images/insta02.jpg');}
.slide2{background-image: url('../images/insta03.jpg');}    
.slide3{background-image: url('../images/insta04.jpg');}
.slide4{background-image: url('../images/insta05.jpg');}    
.slide5{background-image: url('../images/insta06.jpg');}
.slide6{background-image: url('../images/insta07.jpg');}    
.slide7{background-image: url('../images/insta08.jpg');}
.slide8{background-image: url('../images/insta09.jpg');}    
.slide9{background-image: url('../images/insta10.jpg');}
.slide10{background-image: url('../images/insta11.jpg');}    
.slide11{background-image: url('../images/insta12.jpg');}
.slide12{background-image: url('../images/insta13.jpg');}    
.slide13{background-image: url('../images/insta14.jpg');}
.slide14{background-image: url('../images/insta15.jpg');}    
.slide15{background-image: url('../images/insta16.jpg');}
.slide16{background-image: url('../images/insta17.jpg');}    
.slide17{background-image: url('../images/insta18.jpg');}
.slide18{background-image: url('../images/insta19.jpg');}    
.slide19{background-image: url('../images/insta20.jpg');}
.slide20{background-image: url('../images/insta21.jpg');}
}

@media all and (max-width:1200px){
.slide0{background-image: url('../images/insta01.jpg');}    
.slide1{background-image: url('../images/insta02.jpg');}
.slide2{background-image: url('../images/insta03.jpg');}    
.slide3{background-image: url('../images/insta04.jpg');}
.slide4{background-image: url('../images/insta05.jpg');}    
.slide5{background-image: url('../images/insta06.jpg');}
.slide6{background-image: url('../images/insta07.jpg');}    
.slide7{background-image: url('../images/insta08.jpg');}
.slide8{background-image: url('../images/insta09.jpg');}    
.slide9{background-image: url('../images/insta10.jpg');}
.slide10{background-image: url('../images/insta11.jpg');}    
.slide11{background-image: url('../images/insta12.jpg');}
.slide12{background-image: url('../images/insta13.jpg');}    
.slide13{background-image: url('../images/insta14.jpg');}
.slide14{background-image: url('../images/insta15.jpg');}    
.slide15{background-image: url('../images/insta16.jpg');}
.slide16{background-image: url('../images/insta17.jpg');}    
.slide17{background-image: url('../images/insta18.jpg');}
.slide18{background-image: url('../images/insta19.jpg');}    
.slide19{background-image: url('../images/insta20.jpg');}
.slide20{background-image: url('../images/insta21.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;
}