#threeBox {
	margin: 40px 20px;
}
#threeBox h4, #threeBox p {
	margin: 0;
	padding-left: 10px;
}
#threeBox > div {
	display: flex;
	align-items: center;
	padding: 12px;
	border-bottom: 4px solid #ff770f;
	box-shadow: 0 0 18px 3px #a7a7a7;
	border-radius: 5px;
	margin-bottom: 20px;
}
#introBox video {
	width: 100%;
	border-radius: 10px;
	box-shadow: 0 0 18px 2px black;
}
#englishBox ul {
	padding: 20px 0 0 0;
}
#englishBox ul img {
	width: 49px;
	margin: 0 5px -7px 0;
}
#englishBox li {
	padding-bottom: 20px;
}
#bannerIndex {
	background-image: url(../img/banner-bg.webp);
}
#reviewsBox {
	display: block;
}
#reviewsBox div {
	background: #266af9;
	color: white;
	border-radius: 20px;
	text-align: center;
	padding: 20px;
	box-shadow: 0 0 18px 2px black;
	margin-top: 110px;
}
#reviewsBox div h3 {
	font-size: 35px;
	margin: 7px;
}
#reviewsBox div p {
	margin: 0;
}
.stars {
	width: 150px;
}
.reviewer {
	width: 45%;
	margin-top: -35%;
	border-radius: 200px;
	padding: 15px;
	border: 1px solid #042469;
}
#secciones > div {
	text-align: center;
	margin-bottom: 60px;
}
#secciones > div img {
	width: 100%;
}
#secciones h2 {
	margin-bottom: 0;
}
@media (min-width: 768px) {
	#threeBox {
		display: flex;
		margin: 40px 10px 20px;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	#introBox video {
		width: 80%;
	}
	#reviewsBox {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	#reviewsBox > div {
		width: 35%;
	}
}
@media (min-width: 768px) {
	#bannerIndex {
		height: 220px;
		padding: 0 50px;
	}
	#bannerIndex h2 {
		font-size: 35px;
		line-height: 45px;
	}
}