fieldset {
    border-color: black;
    border-style: solid;
    width: 100%;
}

@media screen and (max-width: 1920px) {

    body {
        background-color: green;
    }

    fieldset {
        width: 45%;
    }
}


/* iphone */
@media only screen and (min-device-width: 480px) {

    body {
        padding: 20px;
        background-color: lightgreen;
    }

    fieldset {
        width: 90%;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {

    body {
        background-color: yellow;
    }

    fieldset {
        width: 90%;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    body {
        width: 100%;
        background-color: cyan;
    }

    fieldset {
        width: 75%;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

    body {
        padding: 0px;
        background-color: lightblue;
    }

    fieldset {
        width: 70%;
    }
}

/* Large desktop */
@media (min-width: 1200px) {

    body {
        padding: 20px;
        background-color: lightgrey;
    }

    fieldset {
        width: 50%;
    }

    #videodiv {
        width: 60%;
    }
}