@font-face{
    font-family: "Impact", sans-serif;
    src: url("fonts/impact.ttf");
}
h1,h2{
	font-family: "Impact", sans-serif;
	background-image: none;
}
.navbar{
	font-family: "Impact", sans-serif;
	font-size: 20px;
	padding: 0
}
.nav-item{ padding: 0px 20px; line-height: 2.5;}
.nav-item:hover{
	background: #FEC32B;
	font-size: 18px;
}
.bg-dark{
	background: black !important;
}
.bg-gray{ background: rgb(42, 42, 42) !important}
.bg-acceso{ background: #FEC32B !important;}
.bg-acceso a{  color:black !important}
.carousel{ border-bottom: 50px black solid}
.carousel-item > img{animation: zoom 1s}
.carousel-caption {    bottom: 40%;}
@keyframes zoom{
    from{ transform: scale(1.3,1.3)}   
    to{ transform: scale(1,1)}
}