MyTube/public/css/watch.css

#player {
}

#player .video-js {
    width: 100%;
}

.pane-container {
    margin-bottom: 3%;
}

#set {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 23.5%;
    min-height: 100px;
    padding: 1%;
}

#info {
    position: relative;
    padding: 3%;
}

.views {
    position: absolute;
    top: 7%;
    right: 3%;
}

.user {
    position: absolute;
}

.user img {
    position: absolute;
    left: 1.5vw;
}

h2 {
    margin-top: 2vw;
}

.indented {
    margin-left: 4vw;
}

@media only screen and (max-width: 1500px) {
    .user img {
        left: auto;
    }
}

@media only screen and (max-width: 1050px) {
    h2 {
        margin-top: 3vw;
    }
}

@media only screen and (max-width: 780px) {
    h2 {
        margin-top: 4vw;
    }
}

@media only screen and (max-width: 760px) {
    h2 {
        margin-top: 5vh;
    }

    .indented {
        margin-left: 0;
    }

    .user span {
        margin-left: 40px;
    }
}