#embed-video {
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
    background: #000;
}
#embed-video .overlay-video {
	position: absolute;
	top: 0;
	left: 0;
	background: url('../images/overlay-video.png') 0 0 repeat;
	z-index: 9;
	width: 100%;
	height: 100%;
}
#embed-video .message {
	position: absolute;
	top: 55%;
	left: 15%;
	z-index: 10;
	font-family:'ITC Lubalin Graph Demi';
	color: #ffffff;
}
#embed-video .message h1 {
	font-family:'ITC Lubalin Graph Demi';
	font-size: 36px;
	text-transform: uppercase;
}
#embed-video .message h2 {
	font-family:'ITC Lubalin Graph Extra Light';
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 30px
}
#embed-video .message .btn {
	text-transform: uppercase;
}

/*.video-homepage-pony{ background: #000;}*/

.fluidMedia{

    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    height: 0;
    overflow: hidden;
}

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

.overlay-video-youtube{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}



/*.video-homepage-pony{ background: #000;}

.fluidMedia{

    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

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

@media only screen and (min-width:1200px){

    .video-contenitore-pony{
        height: 500px !important;
    }
}


@media only screen and (min-width:650px) and (max-width:1199.99px){

    .video-contenitore-pony{
        height: 350px !important;
    }
}

@media only screen and (max-width:649.99px){

    .video-contenitore-pony{
        height: auto !important;
    }
}*/


@media only screen and (max-width:768px){

    .overlay-video-youtube{
        display: none;
    }
}


@media only screen and (max-width:649.99px){

   #embed-video {
        height:auto !important;
    }

}

/* Breakpoin XS */
@media only screen and (max-width:575px) {
	#embed-video .message {
		display: none;
	}
}
/* Breakpoin SM */
@media only screen and (min-width:576px) and (max-width:767px) {
	#embed-video .message {
		top: 45%;
	}
	#embed-video .message h1 {
		font-size: 30px;
	}
	#embed-video .message h2 {
		font-size: 24px;
		margin-bottom: 15px
	}
}