body.tv {
	background-image: url('/img/background.jpg');
}

.tv #container {
	width: 100%;
	/* max-width: 1280px; */
	padding-left: 20%;
	padding-top: 10%;
	padding-top: 10vh;
	margin: auto;
	margin-top: 3em;
	
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	
	-webkit-flex-flow: row wrap;
	justify-content: space-between;
  
}

.tv .item {
	padding: 10px;
	width: 33.333%;
	height: auto;
	overflow: hidden;
}

.tv .video {
	position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.tv .video iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tv .video img {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tv .description {
	padding: 4px;
	background-color: #000000;
}

@media all and (max-width: 1024px) {
	
	.tv .item {
		width: 50%;
	}
}

@media all and (max-width: 640px) {
	
	.tv .item {
		width: 100%;
	}
	
}