.video-front
{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:5;
}
.video-playbutton
{
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    border-radius: 9999px;
    color:white;
    background-color:rgba(224,195,137,0.8);
    height:100px;
    width:100px;
    text-align: center;
    display:block;
    transition:0.5s all ease;
    margin:0 auto;
}
.video-playbutton i
{
    font-size:30px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
}
.video-playbutton:hover
{
    cursor:pointer;
    background-color:rgba(224,195,137,1);
}
.bannervideo
{
    position: relative;
    top:-72px;
}
@media only screen and (max-width : 768px) {
    .bannervideo
    {
        top:0;
    }
}