#intro-img {height: 400px}
#intro-img img {border-radius: 50%; position: absolute; right:40%; top: -20%;}

.carousel-foto, .carousel-foto .bg {height: 500px; width: 100%}
.carousel-foto .carousel-inner {overflow: visible; z-index: 2}
.carousel-foto .bg {border-top-left-radius: 250px; border-bottom-left-radius: 250px; width: 110%; transform: translateX(-5%);}
div.text-right .carousel-foto .bg {border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 250px; border-bottom-right-radius: 250px; transform: translateX(-7%);}

.carousel-foto .carousel-controls {width:140%; height: 60px; margin-top:-60px; background: var(--color); border-radius:20px;transform:translateX(-20%); }
.carousel-foto .carousel-controls button {position: relative; float: left; width: auto; margin:15px 10px 0 30px; padding: 5px; background: var(--color); opacity: 1; border-radius: 50%}

div.text-right .carousel-foto .carousel-controls {transform:translateX(-10%);}
div.text-right .carousel-foto .carousel-controls button {float: right; margin:15px 30px 0 10px; }

#preocupa > div {font-size: 3rem; text-align: center; padding:50px;}

#patologias {overflow: visible; padding-top: 200px}
#patologias .row > div {padding-right:50px;}
#patologias .row > div:last-child {padding-right:0;}
#patologias .patologia {height: 300px; }

#patologias .pinnable {position: relative; }
#patologias .pinnable .container,
#patologias .pinnable .row {
  height: 100%;
}

#especialistas {font-weight: 600}

@media (max-width: 1450px) {
	#intro-img img {right: 10%}
}

@media (max-width: 1200px) {
	#preocupa > div {font-size: 2rem; padding:30px}
	#patologias .row > div {padding-right: 30px}
}

@media (max-width: 991px) {
	#intro-img img {top:40px; left: auto; right: -10%}
	#preocupa > div {font-size: 1.6rem}
}

@media (max-width: 768px){
	#patologias {padding-top: 0}
	#patologias .item {width: 240px; height: 300px}
	#preocupa > div {padding:20px}

	#servicios-anim img {margin:0 auto}
}

@media (max-width: 576px){
	.carousel-foto .carousel-controls {width: 100%; transform: translateX(-60px);}
	.carousel-foto .carousel-controls button {margin-left: 20px}
	.carousel-foto .carousel-controls button:first-child {margin-left: 50px}
	div.text-right .carousel-foto .carousel-controls {transform: none; margin-left: 30px}
	div.text-right .carousel-foto .carousel-controls button:last-child{margin-right: 20px}
}