.dateslider {background-color:#fff; background-position:center 40%; background-size:cover; background-repeat:no-repeat; padding-top:90px; height:520px;}

.dateslider .container {position:relative; height:100%; width:90%; max-width:1220px;}

.dateslider .slide {
    position: absolute;
    left:0;
    bottom: 80px;
    /*transform: translateY(-50%);*/
    color:#fff;
    background-color:rgba(230,120,0,0.85); /*#00b8c8;*/
    padding:20px;
    border-radius:8px;
}
.dateslider .slide h1 {
    font-family:Lato;
    font-size:36px;
    font-weight:500;
    margin:0;
}
.dateslider .slide p {
    font-size:17px;
    font-weight:normal;
    line-height:1.3em;
    margin-top:20px;
    margin-bottom:0;
}
.sl-buttons {margin-top:30px;}
.sl-buttons a,
.sl-buttons a:visited {    
    font-family:Lato;
    display:inline-block;
    line-height:60px;
    font-size:17px;
    color:#fff;
    background-color:rgba(0,0,0,0.3);
    text-decoration:none;
    padding:0 30px;
}
.sl-buttons a:hover {
    color:#fff;
    background-color:rgba(0,0,0,0.5);
    text-decoration:none;
}
.sl-tlf {
    position:absolute; bottom:0; right:0;
    color:#fff;
    background-color:rgba(0,184,200,0.85);
    padding:10px 20px;
    font-size:23px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}

@media (max-width:767px) {
    .dateslider .slide h1 {
        font-size:29px;
        font-weight:500;
    }
}