@charset "UTF-8";
/* CSS Document */
* {
	margin:0;
	border:0;
	padding:0;
}
body {
	background-color:black;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.video {
    position:relative;
    height:0;
    padding-bottom:46.25%;
    box-sizing: border-box;
    flex: 1;
    flex-basis: 80%;
}
.video iframe {
    height: 100%;
    width: 100%;
    
}
#vidtop-content {
	top: 0;
	color: #919191;
    box-sizing: border-box;
    padding: 0 1rem;
    flex: 1;
    flex-basis: 20%;
}
.vid-info {
    color: #919191;
	font-family: Avenir, Helvetica, sans-serif;
}
.vid-info h1 {
	font-size: 2rem;
	font-weight: 700;
	margin-top: 0;
	line-height: 1.2;
}
.vid-info a {
	
	color: #919191;
	text-decoration: none;
	transition: .6s background;
	border-bottom: none;
	margin: 1rem auto;
}
@media only screen and (max-width: 1100px) {

    .video {
        flex-basis: 70%;
    }
    #vidtop-content {
        flex-basis: 30%;
    }
    
}
@media only screen and (max-width: 800px) {

    .video,
    #vidtop-content {
        flex-basis: 100%;
    }
    
}