#carousel-main-fade {
   & .carousel-indicators {
       	display: flex;
       	height: 100%;
   		align-items: flex-end;
        justify-content: center;
        z-index: 1;
   }
   & .carousel-indicators li {
        border: 1px solid #babfc5;
        border-radius: 2.5rem;
        background-color: #babfc5;
        width: 1rem;
        height: 1rem;
        &:not(.active) {
            cursor: pointer;
        }
   }
   & .carousel-indicators li.active {
        border: 1px solid #2d276d;
        border-radius: 2.5rem;
        background-color: #2d276d;
        width: 1rem;
        height: 1rem;
   }
   
}



#carousel-fade {
   height: 20rem;
   & .carousel-indicators {
       	display: flex;
       	height: 100%;
   		align-items: flex-end;
        justify-content: center;
        z-index: 1;
   }
   & .carousel-indicators li {
        border: 1px solid #babfc5;
        border-radius: 2.5rem;
        background-color: #babfc5;
        width: 2rem;
        height: .3rem;
        &:not(.active) {
            cursor: pointer;
        }
   }
   & .carousel-indicators li.active {
        border: 1px solid #2d276d;
        border-radius: 2.5rem;
        background-color: #2d276d;
        width: 2rem;
        height: .3rem;
   }
   & .carousel-inner {
        height: 100%;
        display: flex;
        align-items: center;
        padding: 1rem;
   }
   & .carousel-item-prev,
   & .carousel-item-next {
   		opacity: 0;
   }
   & .carousel-item {
        transition-property: opacity;
   }
   & .carousel-item.active {
        opacity: 1;
   }
   & .carousel-item-left,
   & .carousel-item-right {
        opacity: 0;
   }
   & .carousel-item .row .col {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}


@media (max-width: 750px) { 
    #div-aff img {
        margin-bottom: 15px; 
    }

    .aff {
        flex-direction: column; 
        align-items: center;
    }
}

.yazaki > img {
	width: 86vw;
	    max-width: 700px;
	}
	
	
	 .carousel-item> .justify-content-center{
	 	justify-content: space-evenly!important;
	}
