/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


/* Style the video: 100% width and height to cover the entire window */


.mobileshow  {display: none;}

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

.mobileshow  {display: block;}
}

@media only screen and (max-device-width : 600px)
{  
.mobilehide { display: none;}
#videoGoodPark {     position: relative;
    height: 65vh !important;
}
#slider{    min-height: 50vh !important;}

.slider-caption h2{ 
	   font-size: 1.75rem;
    position: relative;
    bottom: -7rem;
    left: 0rem;}

}




/* @media only screen and (max-device-width : 580px){
	#slider{min-height: 100vh;}
	#videoContainerGP{min-height:75vh; position:absolute;}
	#videoGoodPark{max-width: 120vw;}

	} */

	/* PC */
/* @media only screen and (min-device-width : 580px){
			
	}
	 */

#videoGoodPark {
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
  }

  .titulo{
	position: absolute;
    top: 10%;
    width: 100%;
  }

  .titulo h1{
	font-size: 3rem;
    display: table;
    margin: 0 auto 0 auto;
    padding: 1rem;
    background-color: rgb(184 185 192 / 85%);
    color: #004b93;
  }

  .video-overlay2,
.video-placeholder {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 5;
	background: transparent url('grid2.png') repeat;
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
}