:root{
	--kfc-red:#d43737;
	--kfc-red-opacity:rgba(212, 55, 55, 0.65);
	--kfc-black:#000;
	--kfc-white:#fff;
	--kfc-gray:#e2e2e2;
	--kfc-gray-opacity:rgba(226, 226, 226, 0.65);
}
@font-face {
  font-family: 'National 2 regular';
  src: url('../fonts/National2-Regular.otf') format('truetype');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'National 2 bold';
  src: url('../fonts/National2-Bold.otf') format('truetype');
  font-style: bold;
  font-weight: 600;
}
h2, h3{
	font-family: 'National 2 bold';
	font-weight: 600;
}
body{
	font-size: 16px;
	background-color: var(--kfc-black);
	scroll-behavior: smooth;
	color: var(--kfc-white);
	min-height: 100vh;
   	width: 100%;
}
.carousel-indicators{
	top:0;
}
.nav-kfc{
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 1000;
	display: flex;
	justify-content: center;
	overflow: hidden;
	align-items: end;
}
.nav{
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.nav .nav-item a.nav-link{
	display: block;
	background: var(--kfc-gray-opacity);
	height:12rem;
	width:100%;
	padding: 2em;
	border-radius: 20px 20px 0 0;
	overflow: hidden;
	box-shadow: 2px -4px 10px rgba(0, 0, 0, 0.5);
	justify-content: center;
	align-content: center;
}
.nav .nav-item a:hover{
	background: var(--kfc-red);
}
.nav .nav-item{
	text-align: center;
}
.nav .nav-item a.active{
	background: var(--kfc-red-opacity);
}
.music-title{
	background: url(../images/bg-music.jpg);
	background-size: cover;
	width: 100%;
	min-height: 100vh;
}
.music-video{
	background: var(--kfc-black);
	width: 100%;
	min-height: 100vh;
}
.nuestros-embajadores{
	background: url(../images/bg-nuestros-embajadores.jpg);
	background-size: cover;
	width: 100%;
	min-height: 100vh;
}
.vibramos{
	background: url(../images/bg-vibramos.jpg);
	background-size: cover;
	width: 100%;
	min-height: 100vh;
}
.participa{
	background: url(../images/bg-participa.jpg);
	background-size: cover;
	width: 100%;
	min-height: 100vh;
}
.music-title{
	display: flex;
	justify-content: center;
	align-items: start;
}
.music-video{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.video-center{
	width: 70%;
}
.carousel-caption{
	right: 15%;
    bottom: 22%;
    left: 13%;
    text-align: left;
}
.texto-kfc{
	font-family: 'National 2 regular';
	font-size: 1.2rem;
}
.carousel-caption{
	font-family: 'National 2 regular';
}
@media screen and (max-width:576px){
  .nav .nav-item a.nav-link{
   height:4rem;
	padding:1em;
  }
  .nav .nav-item a.nav-link img{
  	width: 60%;
  }
  .embajadores{
  	display: flex;
  	flex-direction: column;
  }
 	.music-title{
		background-size: cover;
		background-position: bottom center ;
		min-height: 50vh;
	}
	.music-video{
		min-height: 50vh;
	}
	.vibramos{
		background-position: bottom center ;
		min-height: 50vh;
	}
}

@media screen and (min-width:577px) and (max-width:1180px){
  .nav .nav-item a.nav-link{
   height:9rem;
   padding:1em;
  }
  .nav .nav-item a.nav-link img{
  	width: 50%;
  }
 	
}