/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/* Control slide transition */
.carousel-inner>.item {
    -webkit-transition: -webkit-transform 0.3s ease-in-out !important;
    -o-transition: -o-transform 0.3s ease-in-out !important;
    transition: transform 0.3s ease-in-out !important;
}

/* Make the image fully responsive */
.carousel-inner img { width: 100%; height: 100%;}
.carousel-item { height: 100vh;}
.carousel-item:nth-child(1) { background:url(../img/maxim-risen.jpg) no-repeat bottom; background-size:cover;}

.overlay { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: rgba(0,0,0,0.05);}

.carousel-item .carousel-caption { left:10%; right:10%; bottom:auto; top:35%; background:rgba(255,255,255,0.75);}
.carousel-caption h2 {margin-bottom:0.2em; font-size:3.75em; font-weight:bold; line-height:normal; color:#000; padding:0;}
.carousel-caption h2 span { color:#000; font-weight:normal;}

.lead { font-size:2em; font-weight:400; line-height:normal; color:#000;}

.carousel-caption .btn { padding:0.5em 1.5em; background:#069; color:#fff; margin:1em auto; font-weight:500; font-size:1.2em; border:none;}
.carousel-caption .btn:hover { background:#996; color:#fff !important;}


@media only screen and ( max-width: 76em ) /* 1216 */
{
}

@media only screen and ( max-width: 64em ) /* 1024 */
{
.carousel-item { height: 90vh;}

.carousel-caption h2 { font-size:2.5em; line-height:1.2;}
}

@media screen and (max-width: 46em) /* 736 */
{
.carousel-item .carousel-caption { right:15%; left:15%;}
.carousel-caption h2 { font-size:2em;}
.carousel-caption .btn { font-size:1em;}

.lead { background-color: rgba(0,0,0,0.25); padding: 0.5em 0.25em; font-size:1.1em;}
}

@media screen and (max-width: 42em) /* 672 */
{
.carousel-item .carousel-caption { top:20%;}
.carousel-caption h2 { font-size:1.5em;}
}

@media screen and (max-width: 27em) /* 432 */
{
.carousel-item .carousel-caption { right:10%; left:10%;}
}

@media screen and (max-width: 24.5em) /* 392 */
{
.carousel-item .carousel-caption { right:7%; left:7%;}
}

@media screen and (max-width: 20em) /* 320 */
{
.carousel-caption .btn { padding:0.5em 1em;}
}

/*# sourceMappingURL=bootstrap.min.css.map */