div#about { margin-bottom: 100px; }
div#about .col-lg-5 { padding-left: 0px; }
div#about .col-lg-7 { padding: 0px 40px; }
div#about div#carouselAbout img { width: 100%; }
div#about .title { margin-bottom: 25px; color: #a57c37; font-family: 'Bodoni-Book'; font-size: 41px; text-transform: uppercase; letter-spacing: 2px; }
div#about .title span { display: block; }
div#about p { max-width: 600px; }
div#about .carousel-navigation button { position: relative; background: #ededee; display: inline-block; width: 50px; height: 50px; }

@media screen and (max-width: 1199px){
	div#espacios { max-width: 95%; }

	div#about .title { font-size: 35px; }
}

@media screen and (max-width: 991px){
	div#about .title span { display: initial; }
	div#about .title { font-size: 25px; }
}

@media screen and (max-width: 767px){
	div#espacios { margin-top: 60px; margin-bottom: 40px; }

	div#about .col-lg-5 { padding-left: calc(var(--bs-gutter-x) * .5); }
	div#about .title { margin-top: 50px; }
	div#about p { max-width: 100%; }
	div#about .col-lg-7 { padding: 0px 30px; position: relative; }
	div#about .carousel-navigation { position: absolute; top: -57px; left: 50%; transform: translateX(-50%); z-index: 5; }
	div#about { margin-bottom: 50px; }
	div#carouselAbout, div#about .col-lg-7 { max-width: 80%; margin: 0 auto; }
}

@media screen and (max-width: 600px){
	div#carouselAbout, div#about .col-lg-7 { max-width: 100%; margin: 0 auto; }
}

@media screen and (max-width: 575px){
	div#espacios img { max-width: 90%; margin-bottom: 20px; }
}