#video-container video {
	position: relative;
	float: left;
	height: 30%;
	width: 30%;
	/*cursor: pointer;*/
}

#video-container div {
	float: left;
	height: 30%;
	width: 30%;
	position: relative;
	/*margin-left: -50%;*/
}

#video-container p {
	display: inline-block;
	background: #f8f8f8;
	padding-left: 5px;
	padding-right: 5px;
	color: #777777;
	font-weight: bold;
	border-bottom-right-radius: 4px;
}

#video-container p.userName {
	float: right;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0px;
    font-weight: lighter;
    font-size: 12px;
    background: #777777;
    color: #f8f8f8;
}

/*video {
	width: 30%;
	height: 30%;
}*/

#session img {
	width: 30%;
	height: 30%;
	display: inline-block;
	object-fit: contain;
	vertical-align: baseline;
}

#session #video-container img {
	position: relative;
	float: left;
	width: 30%;
	cursor: pointer;
	object-fit: cover;
	height: 30%;
}

/* xs ans md screen resolutions*/

/* TODO este estilo rompe el resto de la página */
/*
@media screen and (max-width: 991px) {
	#join {
		padding-top: inherit;
	}
	
	#not-logged {
		padding-top: inherit;
	}
	.container .navbar-header {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	.nav-icon {
		padding: 9px 8px 9px 8px;
	}
	nav i.fa {
		font-size: 32px;
	}
	.vertical-center {
		padding-top: 10px;
	}
	#img-div {
		padding-bottom: 1em;
	}
	#img-div img {
		height: 30%;
	}
}
*/