iframe {
    display: inline-block;
}


/* default screen */

.video-container strong {
    display: block;
    text-align: center;
    font: 600 1.7em/1.46 "TiemposTextWeb-Regular", Arial, sans-serif;
    margin: 0;
}

.video-container div {
    top: auto;
    bottom: auto;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: calc(15% - 30px);
    text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -1px black;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.video-container p {
    margin: 0 0 1em;
    font: 400 1.4em/1.46 "TiemposTextWeb-Regular", Arial, sans-serif;
    text-align: left;
}

.video-container a {
    color: goldenrod !important
}

.video-container-button {
    padding: 10px 15px;
    border: 1px solid rgba(35, 31, 31, 0.83) !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-family: "Arial";
    font-size: 1em;
    line-height: 1;
    text-transform: uppercase;
    color: black;
    background-color: #ffffffa8;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    margin-top: 1em;
    text-align: center;
    display: block;
    margin-left: calc(50% - 25.94px);
}

.video-container-button:hover {
    background: #fff;
    text-shadow: none;
    color: rgba(0, 0, 0, 1);
    border: 1px solid fff;
    border: 1px solid rgba(255, 255, 255, .5);
}


/* big screen */

@media screen and (min-width: 1900px) {
    .video-container-button {}
    
    .video-container div {
    margin-left: 15%;
    margin-right: 15%;
    margin-top: calc(15% - 30px);
    text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -1px black;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
    
    .video-container p {
        font: 400 18px "TiemposTextWeb-Regular", Arial, sans-serif;
    }
}


/* mid screen */

@media screen and (max-width: 1989px) and (min-width: 991px) {
    .video-container strong {
        font: 600 1.8em/1.46 "TiemposTextWeb-Regular", Arial, sans-serif;
    }
    .video-container div {
    margin-left: 10%;
    margin-right: 10%;
    margin-top: calc(15% - 30px);
    text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -1px black;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
    .video-container p {
        font: 400 18px "TiemposTextWeb-Regular", Arial, sans-serif;
    }
    .video-container-button {
        border: 1.5px solid rgba(255, 255, 255, .5);
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
    }
}


/* small mid screen */

@media screen and (max-width: 1406px) and (min-width: 993px) {
    .video-container p {
        margin: 0 0 0em;
        font: 400 1em/1.46 "TiemposTextWeb-Regular", Arial, sans-serif;
    }
    
    .video-container strong {
        font: 600 1.4em/1.46 "TiemposTextWeb-Regular", Arial, sans-serif;
    }
}


/* small screen */

@media screen and (max-width: 1126px) and (min-width: 651px) {
    .video-container strong {
        font: 600 1.3em/1.46 "TiemposTextWeb-Regular", Arial, sans-serif;
    }
    .video-container p {
        margin: 0 0 0em;
        font: 400 0.7em/1.46 "TiemposTextWeb-Regular", Arial, sans-serif;
    }
}


/* tiny screen */

@media screen and (max-width: 990px) {
    .video-container strong {
        font: 600 1.4em/1.46 "TiemposTextWeb-Regular", Arial, sans-serif;
    }
    .video-container div {
        margin-left: 15%;
        margin-right: 15%;
        margin-top: calc(15% - 60px);
    }
    .video-container p {
        margin: 0 0 1em;
        font: 400 1.1em/1.46 "TiemposTextWeb-Regular", Arial, sans-serif;
    }
}


/* more tiny screen */

@media screen and (max-width: 492px) {
    .video-container strong {
        font: 600 1.0em/1.46 "TiemposTextWeb-Regular", Arial, sans-serif;
    }
    .video-container div {
        margin-left: 5%;
        margin-right: 5%;
        margin-top: calc(15% - 60px);
    }
    .video-container p {
        margin: 0 0 1em;
        font: 400 0.8em/1.46 "TiemposTextWeb-Regular", Arial, sans-serif;
    }
}


/* ultra tiny screen */

@media screen and (max-width: 293px) {
    .video-container strong {
        font: 600 0.8em/1.46 "TiemposTextWeb-Regular", Arial, sans-serif;
    }
    .video-container div {
        margin-left: 1%;
        margin-right: 1%;
        margin-top: calc(15% - 60px);
    }
    .video-container p {
        margin: 0 0 1em;
        font: 400 0.6em/1.46 "TiemposTextWeb-Regular", Arial, sans-serif;
    }
}