.home{
    overflow-x: hidden;
}

.videoprincipal{
    width:100%;
}

@font-face {
    font-family: 'Core Circus';
        src: url('https://f.hubspotusercontent40.net/hubfs/7717441/CoreCircus/CoreCircus.eot');
        src: local('Core Circus'), local('CoreCircus'),
            url('CoreCircus.eot?#iefix') format('embedded-opentype'),
            url('https://f.hubspotusercontent40.net/hubfs/7717441/CoreCircus/CoreCircus.woff') format('woff'),
            url('https://f.hubspotusercontent40.net/hubfs/7717441/CoreCircus/CoreCircus.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}


h3, a{
    font-family: 'Core Circus';
    font-weight: bold;
}

.p1{
	color: black;
}

.p2{
	color:white;
	text-align: center;
}

.p3{
	color:black;
	text-align: center;
}

.h31{
	text-align: center;
	font-family:Core Circus; 
	font-weight: bold;
	font-size: 26px; 
	color: white
	
}

.h32{
	text-align: center;
	font-family:Core Circus; 
	font-weight: bold;
	color: white
}

.h33{
	text-align: center;
	font-family:Core Circus; 
	font-weight: bold;
}



.container {
  position: relative;
  //width: 50%
}

.image {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 20px
}

.imagen2{
	max-width: 100%; 
	height: auto
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

.container:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.titu{ 
  color: gray;
  font-weight: bold;
}
  
.titu:hover{ 
	color: #00326d;
	cursor:pointer;
	font-weight: bold;
}