.carousel-item {
     height: 100vh;
     min-height: 300px;
     background: no-repeat center center scroll;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
 }
 
 .carousel-caption {
	width: calc(100% - 480px);
 	height:300px;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -150px;
 }
  .carousel-control-prev {
	z-index: 99;
 	width: 40px;
 	 }
 .carousel-control-next {
 	z-index: 99;
	 	width: 40px;
	 }
 .carousel-item .centro {
     text-align: center;
     left: 0%;
     top: 0%;
 }
 
 .carousel-item .cuadrante1 {
     text-align: right;
     left: 0px;
     top: 50px;
 }
 
 .carousel-item .cuadrante2 {
     text-align: left;
     left: 50%;
     top: 50px;
 }
 
 .carousel-item .cuadrante3 {
     text-align: right;
     left: 0px;
     top: 50%;
 }
 
 .carousel-item .cuadrante4 {
     text-align: left;
     left: 50%;
     top: 50%;
 }
 
 .carousel-caption h1 {
	font-size: 4.5em;
     line-height: 2.4rem color: #00FF00;
	color: #FFF;
 }
 
 .carousel-caption p {
	color: #ffffff;
	text-shadow: 1px 1px #000;
	font-size: 2.5em;
	font-weight: normal;
 }
 
 .carousel-indicators>li {
	border-radius: 50%;
	height: 20px;
	width: 20px;
	border: 2px solid #000000;
	background-color: #000000;
 }
 
 .carousel-indicators>li.active {
	background-color: var(--colorUser);
	border: 2px solid var(--colorUser);
 }