*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.slider{
    width: 100%;
	max-width: 1680px;
	height: auto;
	margin: auto;
    
    z-index: -1000;
}
.slider h1{
    width: auto;
    height: auto;
    margin-top: -40%;
}
.slider h4{
    width: auto;
    height: auto;
    margin-top: -20;
}
.slider h6{
    width: 40%;
    max-width: 80px; 
    margin: auto;    
    text-decoration: none;
    font-size: 1.2rem;
    padding: 6px;
    color: #fff;
    background-color: #00afef; 
    background: -webkit-linear-gradient(#00AFEF, #0D31E3 120%);
    box-shadow: 0 20px 50px rgba(193,0,35,.5);
    border-radius: 2px;
    flex-wrap: wrap;    
}

.slider h6 a{
    color: #fff;
    text-decoration: none;
}
.slider h6:hover{
    width: 40%;
    max-width: 80px;
    margin: auto;    
    text-decoration: none;
    font-size: 1.2rem;
    padding: 6px;
    color: #fff;
    background-color: #ff6600; 
    background: -webkit-linear-gradient(#202020, #EC268F 120%);
    border-radius: 2px;
    flex-wrap: wrap;
}
.slider h6 a:hover{
    color: #fff;
    text-decoration: none;
}
@media (min-width:0) and (max-width: 860px){
    header {
        width: 100%;
        height: auto;
        min-height: 740px;
        display: flex;
        flex-wrap: wrap;  
    }
    .slider{
        width: 100%;
	    height: auto;
    }
   .slider h1{
        font-size: 1.6rem;
        margin-top: -0%;
    }
    .slider h4{
        font-size: 1.2rem;
        margin-top: 0;
    }
    .slider h6 a{
        color: #fff;
        font-size: 1rem;
    }

}