body {
    margin: 0px;
    overflow: hidden;
}
.embed-container {
    height: 0;
    height: auto;
    max-width: 100%;
    overflow: hidden;
    text-align: center;
    position: relative;
    padding-bottom: 56.25%;
}
.embed-container iframe, 
.embed-container object, 
.embed-container embed {
    top: 0;
    left: 0;
    border: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
}
.play-btn {
    top: 50%;
    left: 50%;
    width: 20vw;
    margin: 0 auto;
    display: block;
    margin-top: -10vw;
    margin-left: -10vw;
    position: absolute;
}
.footer {
    width: 100%;
    height: 83px;
    margin-top: -83px;
    position: absolute;
    background: #fff;

    -webkit-box-shadow: 0px 0px 50px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 50px 10px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 50px 10px rgba(0,0,0,0.5);
}
.logo {
    float:right;
    height: 83px;
    margin-right: 50px;
}
.contact {
    color: #fff;
    float: right;
    font-size: 23px;
    line-height: 23px;
    padding:30px 45px;
    font-family: "Lato";
    background: #0099ff;
    text-decoration: none;
}
.footer-indicator {
    width: 100%;
    height: 1px;
    clear:both;
}
@media screen and (min-width: 1720px) {
    .embed-container {
        padding-bottom: 56%;
    }
}

@media screen and (min-width: 1760px) {
    .embed-container {
        padding-bottom: 54.7%;
    }
}

@media screen and (min-width: 1800px) {
    .embed-container {
        padding-bottom: 53.5%;
    }
}

@media screen and (min-width: 1840px) {
    .embed-container {
        padding-bottom: 52.3%;
    }
}

@media screen and (min-width: 1880px) {
    .embed-container {
        padding-bottom: 51.25%;
    }
}

@media screen and (min-width: 1920px) {
    .embed-container {
        padding-bottom: 51.6%;
    }
}