@charset "utf-8";
#slider{width:100%;height:auto;z-index:10;margin:0 0 .5rem 0;background-color:black;border-radius:4px;}
#slider a{width:100%;height:100%;text-decoration:none;float:left;}
#slider h2{font-size:26px;text-align:left;text-transform:capitalize;color:white;position:relative;top:360px;left:26px;z-index:30;background-color: rgba(0, 0, 0, 0.5);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
#slider .slide{width:16.66667%;-webkit-flex:0 0 0 16.66667%;-moz-flex:0 0 0 16.66667%;flex:0 0 0 16.66667%;z-index:20;height:450px;float:left;background:top left no-repeat;border-right:4px solid #f6f5f4;webkit-transition:width .1s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out;-moz-transition:width .1s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out;transition:width .1s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out;}
#slider:hover .slide{width:15%;flex:0 0 0 15%;opacity:.5;}
#slider .slide:hover{width:25%;background-position:-25px 0px!important;opacity:1!important;}
#slider .slide:hover h2{z-index:100;opacity:1!important;}
#slider .slide a{overflow:hidden;}
#slider .slide:nth-child(1) img,
#slider .slide:nth-child(1){border-radius:4px 0 0 4px;}
#slider .slide:nth-child(6) img,
#slider .slide:nth-child(6){border-radius:0 4px 4px 0;border-right:0!important;}

@media screen and (max-width:767.98px){
#slider .slide:nth-child(4),
#slider .slide:nth-child(5),
#slider .slide:nth-child(6){border-bottom:0!important;}
}
@media screen and (max-width:575.98px){
#slider .slide:nth-child(4){border-bottom:4px solid #f6f5f4!important;}
}
@media screen and (max-width:367.98px){
#slider .slide{height:120px!important;}
#slider h2{font-size:18px!important;top:60px!important;}
}
@media (max-width:767.98px){
#slider .slide{position:relative;width:33.33333%;height:200px;background-size:110%!important;}
#slider:hover .slide{width:33.33333%;-webkit-flex:0 0 0 33.33333%;-moz-flex:0 0 0 33.33333%;flex:0 0 0 33.33333%;}
#slider .slide:hover{width:33.33333%;background-position:0 0!important;opacity:.8;}
#slider .s3,
#slider .s6{border-right:0;}
#slider h2{font-size:26px;top:120px;left:20px;}
#slider .slide:nth-child(4){border-border:4px solid red;}
#slider .slide{border-bottom:4px solid #f6f5f4;}
}
@media (max-width:576px){
#slider .slide{position:relative;width:50%!important;height:300px;background-size:100%;background-repeat:no-repeat;}
#slider{width:100%;z-index:10;margin:0 0 2rem 0;background-color:#000;}
#slider .s3{border-right:4px solid #f6f5f4!important;}
#slider .s2,
#slider .s4,
#slider .s6{border-right:0;}
#slider:hover .slide{width:50%;-webkit-flex:0 0 0 50%;-moz-flex:0 0 0 50%;flex:0 0 0 50%;}
#slider .slide:hover{width:50%;background-position:0 0!important;opacity:.8;}
#slider h2{font-size:20px;top:40px;}

:target{padding-top:40px;margin-top:-40px;}
}