body
{
	font-family: 			'Roboto', sans-serif;
	margin: 				0;
}
.content-container
{
	display: 				block;
	position: 				relative;
	width: 					100%;
	height: 				100%;
}
.video-container
{
	display: 				block;
	position: 				absolute;
	width:					100%;  
    height:					100vh;
    top: 					0;
    left: 					0;
    overflow: 				hidden;
}
.video-container video
{
	object-fit: 			cover;
    width:					100%;
    height:					100%;
}
.video-container img
{
	display: 				none;
	object-fit: 			cover;
    width:					100%;
    height:					100%;
}
.content-container
{
	display: 				block;
	position:	 			relative;
	width: 					100%;
	height: 				100vh;
}
.elements-content
{
	position: 				absolute;
	width: 					100%;
  	top: 					50%;
  	left: 					50%;
  	transform: 				translate(-50%, -50%);
}
.elements-content img
{
	display: 				block;
	position: 				relative;
	max-width:  			80%;
	width: 					800px;
	height: 				auto;
	margin-left:  			auto;
	margin-right:  			auto;
}
h2	
{
	display: 				block;
	position: 				relative;
	font-size:  			28px;
	font-weight:  			700;
	color: 					white;
	text-align:  			center;
	margin-top:  			0px;
}
span
{
	display: 				block;
	position: 				relative;
	font-size: 				18px;
	font-weight:  			300;
	color: 					white;
	text-align:  			center;
}


@media only screen and (max-width: 992px) {
    .video-container video
    {
    	display: 			none;
    }
    .video-container img
    {
    	display: 			block;
    }
    h2
    {
    	font-size: 			18px;
    }
    span
    {
    	font-size: 			14px;
    }
}