body{
	background-color: white;
	text-align: center;
}

.glass1{
				/* From https://css.glass */
			background: rgba(255, 255, 255, 0.15);
			border-radius: 50px;
			box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
			backdrop-filter: blur(5.6px);
			-webkit-backdrop-filter: blur(5.6px);
			border: 1px solid rgba(255, 255, 255, 0.23);


}

.glass2{
				/* From https://css.glass */
			background: rgba(0, 0, 0, 0.3);
			border-radius: 50px;
			box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
			backdrop-filter: blur(5.6px);
			-webkit-backdrop-filter: blur(5.6px);
			border: 1px solid rgba(255, 255, 255, 0.23);
}


.gold{
	background-image: linear-gradient(
	to right,
	#462523 0,
       	#cb9b51 22%, 
	#f6e27a 45%,
	#f6f2c0 50%,
	#f6e27a 55%,
	#cb9b51 78%,
	#462523 100%
	);
}

.goldtxt{
	background-image: linear-gradient(
	to right,
	#462523 0,
       	#cb9b51 22%, 
	#f6e27a 45%,
	#f6f2c0 50%,
	#f6e27a 55%,
	#cb9b51 78%,
	#462523 100%
	);
   color:transparent;
   -webkit-background-clip:text;

}


.roboto-condensed-<uniquifier> {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

p{
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 100;
}


.glow {
  font-size: 80px;
  color: #000;
  text-align: center;
  -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 50px #fff, 0 0 60px #fff, 0 0 70px #fff;
  }
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 50px #fff, 0 0 60px #fff, 0 0 70px #fff, 0 0 80px #fff;
  }
}




.col-md-12 {
	padding-right: 100px;
	padding-left: 100px;
}

#video_background {
position: fixed;
bottom: 0px;
right: 0px;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1000;
overflow: hidden;
}
#video_pattern {
background:#fff;
position: fixed;
opacity: 0.8;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 1;
}

.imgicon{
	margin-right: 10px;
}

.navbar-nav {
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;

}

.navbar{
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	left:0;
	right:0;
	font-family: 'neopixelregular';
	font-size: 20px;
	position: fixed;
	width: 95%;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 200px;
}



.imglogo{
	display:block;
	margin:auto;
	padding-top: 100px;
	width: 30vw;
}



.titulologoh1{
	text-align: center;
	font-size: 10vw;
	font-family: 'neopixelregular';
	

}

.titulologoh2{
	text-align: center;
	font-size: 30px;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 100;
	padding: 30px;
	color: white;
}

.titulologoh3{
	padding: 30px;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 300;
	font-size: 7vw;
}


.titulologoh4{
	padding: 30px;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 300;
	font-size: 2vw;
	color: white;
}

.img2{
	padding: 20px;
}


.seccion{
	padding-top: 100px;
	padding-bottom: 100px;
}

.seccion2{
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
	padding-top: 50px;
	padding-bottom: 35px;
	padding-left: 50px;
	padding-right: 50px;
	width: 93%;
	margin-bottom: 30px;

}

.fontg{
	margin-bottom: 30px;
	font-size: 15vw;
	letter-spacing: 7px;
}

.fontch{
	margin-bottom: 30px;
	font-size: 40px;
	color: white;
}

.fontm{
	font-size: 4vw;
	margin-bottom: 30px;
	letter-spacing: 10px;
	padding: 30px;
	color: white;
}

.fontchh1{
	font-family: 'neopixelregular';
	margin-bottom: 30px;
	font-size: 40px;
}


.fontuch{
	margin-bottom: 30px;
	font-size: 30px;
	line-height: 40px;
	color: white;
}

canvas {
  bottom: 0;
  left: 0;
  margin: auto;
  position: relative;
  right: 0;
  top: 0;
}

.galery{
	border-radius: 80px;
	padding: 50px;
	transition: 2s;
}

.galery:hover {
		/* From https://css.glass */
			background: rgba(255, 255, 255, 0.15);
			border-radius: 50px;
			box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
			backdrop-filter: blur(5.6px);
			-webkit-backdrop-filter: blur(5.6px);
			border: 1px solid rgba(255, 255, 255, 0.23);
			transition: 2s;
			border-radius: 80px;
			padding: 30px;
			
			
}




.caja{
	background: rgba(0, 0, 0, 0.3);
			border-radius: 50px;
			box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
			backdrop-filter: blur(5.6px);
			-webkit-backdrop-filter: blur(5.6px);
			border: 1px solid rgba(255, 255, 255, 0.23);
	padding: 30px;
	border-radius: 30px;
	margin: 40px;
	text-align: left;
	line-height: 40px;
	font-size: 20px;
	border-width: 1px;
	border-style: solid;

}

.Tcaja{
	font-size: 30px;
	font-weight: 300;
	
}

.Tcajap{
	color: white;
}


.boton{
	border-width: 1px;
	border-radius: 100px;
	border-style: solid;
	padding-left: 150px;
	padding-right: 150px;
	padding-top: 30px;
	padding-bottom: 30px;
	color: white;
	font-size: 30px;


}
.boton:hover {
	background-color: black;
	width: 50vw;
	color: white;
	transition: 2s;
}

.spacio{
	height: 300px;
}

.boximgp{
	width: 70%;
	height: 50px;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
	position: relative;
	top: -125px;
}

.boximgp p{
	margin: 0;
	left:0;
	right:0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);

  font-weight: 500;
  font-size: 1.5vw;
  text-shadow: 0 4px 30px rgba(0, 0, 0, 1);
}

.fa-solid{
	
  padding-top: 30px;
  padding-bottom: 70px;
  font-size: 200px;
  transition: 2s;
} 


.fa-solid:hover{
	transition: 2s;

	transform: scale(1.3);
}

.pstar{
	font-size: 2.5vw;
	font-weight: 700;
	color: white;
}

.boxenfo{
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
}


/* Estilos para tabletas (desde 768px de ancho) */
@media (max-width: 768px) {


  .titulologoh1 {
  	font-size: 30px;
  }

  .titulologoh2 {
  	font-size: 25px;

  }

  .titulologoh4 {
  	font-size: 30px;
  }

  .titulologoh3{
  	font-size: 40px;
  }

  .fontg{
  	font-size: 40px;
  }

  .fontch{
  	margin-top: 40px;
  }


  .fontm {
  	font-size: 30px;
  	letter-spacing: normal;
  }


  .fontuch{
  	font-size: 30px;
  	margin: 20px;
  }

  .fontchh1{
  	margin-top: 30px;
  }

  .pstar{
  	font-size: 30px;
  }

  .boximgp p{
  	font-size: 20px;
  }

  .boton{
  	margin: 0px;
  	padding: 30px;
  }

  .navbar-toggler{
  	display: none;
  }

  .navbar{
  	width: 80%;
  }

  .col-md-12 {
	padding: 0px;
	width: 80%;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
	}



}