body {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 1rem;
}

/*Buttons*/
.btn-primary {
	background: #0089FF;
	border-radius: 16px;
}
/* HOW Colors */
.bg-how-blue {
	background-color: #041564;
}
.bg-how-lightgray {
	background-color: #f8f8f8;
}
.bg-how-gray {
	background-color: #272727;
}
.bg-how-mustard {
	color: #FFAA22;
}
.how-blue {
	color:#041564;
}
.how-gray {
	color: #272727;
}
.how-lightgray {
	color:#737373;
}
.how-skyblue {
	color: #0089FF;
}
.how-mustard {
	color: #FFAA22;
}
.how-red {
	color: #B62D28;
}

/* Menú principal */
.navbar-brand {
	padding: 0;
	margin: 0;
}
.navbar-brand img {
	width: 120px;
	height: auto;
}

/* Contenedores genéricos */
main {
	min-height: 100vh;
}

/*Hero section*/
.hero-top {
	position:relative;
}
.hero-caption {
	position: absolute;
    top: 45%;
    right: 0;
    width: 50%;
    text-align: center;
}
.hero-caption h1 {
	font-size: 1.7rem;
	font-weight: bold;
	text-transform: uppercase;
}
#hero .cta-item {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
#hero .icon {
	padding-right: 0.5rem;
}
#hero .caption {
	font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: bold;
}
#welcome p {
	font-size: 1.5rem;
}

.cta-header {
	position: absolute;
	top:70%;
	right: 20%;
}

#options .text-option h2 {
	font-size: 0.8rem;
	font-weight: 700;
	color:#272727;
	text-transform: uppercase;
}
#options .text-option p {
	font-size: 0.8rem;
}
.how-frame {
	border-radius: 22px;
	min-height: 485px;
}
.how-frame h2 {
	color:#fff;
}
/*Footer*/
footer {
	background: #fff;
}
footer h5 {
	font-size: 0.9rem;
	font-weight: 600;
	color:#272727;
}
footer a {
	color: #737373;
	text-decoration: none;
}
footer a:hover {
	color: #737373;
	font-weight: 600;
}
footer ul {
	list-style: none;
}
#featured .card-img {
	max-height: 250px;
}
#featured .card-img img {
	max-height: 150px;
}
#featured .card-footer {
	min-height: 150px;
}

/*Youtube modal*/
.video-btn {
	position:relative;
}
.video-btn:hover {
	cursor: pointer;
}
.play {
	position:absolute;
	bottom: 1rem;
	width: 100%;
	text-align: center;
}
.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }

.modal-body {
  position:relative;
  padding:0px;
}
.btn-close {
  position:absolute;
  right:-30px;
  top:0;
}
@media (max-width: 767px) {
		.carousel-inner .carousel-item > div {
			display: none;
		}
		.carousel-inner .carousel-item > div:first-child {
			display: block;
		}
	}

	.carousel-inner .carousel-item.active,
	.carousel-inner .carousel-item-next,
	.carousel-inner .carousel-item-prev {
		display: flex;
	}

	/* medium and up screens */
	@media (min-width: 768px) {

		.carousel-inner .carousel-item-end.active,
		.carousel-inner .carousel-item-next {
			transform: translateX(25%);
		}

		.carousel-inner .carousel-item-start.active, 
		.carousel-inner .carousel-item-prev {
			transform: translateX(-25%);
		}
	}

	.carousel-inner .carousel-item-end,
	.carousel-inner .carousel-item-start { 
		transform: translateX(0);
	}