/* CSS Document */
:root {
  /*--color_fondo_primario: 226, 68, 37;*/
  --color_fondo_primario: 0, 159, 227;
  --color_fondo_secundario: 255, 255, 255;

}

#header.header-scrolled,
#header.header-fixed {
  background: #009fe3 !important;  
}

#intro {
	background: url(../img/cartel_recortado.jpg) center !important;	
	/*background-size: 160vmin !important;*/
	background-repeat: no-repeat !important;
	background-color:#c7d0cb!important;
}


.nav-menu a {
	color:#fff!important;
}

#evento .about-btn {
	border: 2px solid #009fe3!important;
 	color: #009fe3!important;
}

#evento {
	background: url("../img/cartel_recortado.png")!important;
	background-size: cover !important;
	background-repeat: no-repeat;
	padding: 120px 0 120px 0!important;
	background-attachment: fixed!important;
	color:#006 !important;
	
}
#evento p, ul {
	font-size:1.1em !important;
	text-align:justify !important;
}
#evento:before{
/*	background-color:#e13716!important; */
	/*background: rgba(var(--color_fondo_secundario), 0.9)!important;
	*/
}
  
  
  
  #evento .about-btn {
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 32px;
    border-radius: 50px;
    transition: 0.5s;
    line-height: 1;
    margin: 10px;
    color: rgb(var(--color_fondo_secundario)) !important;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    border: 2px solid rgb(var(--color_fondo_primario));
	background-color:#009fe3;
  }
  
  #evento .about-btn:hover {
    background: rgb(var(--color_fondo_secundario));
    color: rgb(var(--color_fondo_primario));
  }
  
.section-header p{
    font-size: 30px!important;
    color: #c00!important;	
}
#intro .play-btn, #evento .play-btn {
  /*background: radial-gradient(--color_fondo_primario 50%, rgba(87, 168, 213, 0.15) 52%)!important;^*/
}
#footer .footer-top .footer-links ul a {
  color: #FFF!important;
}
#footer .footer-top .footer-contact {
  color: #FFF!important;
}
#footer h4 {
	 color: #FFF!important;
}
/*a {
  color: #FFF!important;
  transition: 0.5s;
}*/

/*a:hover,
a:active,
a:focus {
  color: #f8234a;
  outline: none;
  text-decoration: none;
}*/
