.main-container {
  padding: 40px 15px;
}
.carousel-caption {
    display: flex;
    align-items: center;/*vertical center*/
    justify-content: center;/*left/right center*/
    top: 0; /*Ajust to move down*/
    bottom: 0; /*Ajust to move up*/
}

.carousel-indicators li {
	border: 0;
	background-color: rgba(43,138,186,0.7);
	width: 20px;
	height: 20px;
}
.carousel-indicators li.active,
.carousel-indicators li:hover {
	background-color: #fff;
	border: 3px solid rgb(43,138,186);
}
.carousel-control.right,
.carousel-control.left {
	background-image: none;
}
.carousel-caption p,
	.carousel-caption span {
	color:  rgb(255, 255, 255);
	font-size: 18px !important;
	font-weight: 400;
}
section.banners .carousel-control-prev img,
section.banners .carousel-control-next img {
	display: block;
	margin: 0 auto;
	width: 45px;
}
.banner-button {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: rgb(240,240,240);
    color: #000;
    font-size: 27px;
	font-weight: 500;
    border-radius: 50%;
    line-height: 1;
	transition: background-color 0.3s;
}
.carousel-control-next:hover .banner-button,
.carousel-control-prev:hover .banner-button {
	background-color: #2b8aba;
}
.carousel-control-next, .carousel-control-prev {
	width: 100px;
	display: none;
}
@media (min-width: 400px){
	.carousel-caption p,
	.carousel-caption span {
		font-size: 22px !important;
	}	
}
@media (min-width: 500px){
	.carousel-control-next, .carousel-control-prev {
		display: flex;
	}
}
@media (min-width: 576px){
	.carousel-caption p,
	.carousel-caption span {
		font-size: 30px !important;
	}
}
@media (min-width:768px){
	.carousel-caption p,
	.carousel-caption span {
		font-size: 50px !important;
	}
}
@media (min-width:992px){
	.carousel-caption p,
	.carousel-caption span {
		font-size: 72px !important;
	}
}

/* Animation delays */