html,body {width:100%;height:100%;font-size:19px;}
h1,h2,h3,h4,h5,h6,p.display-1{font-family: "Shadows Into Light Two", cursive;font-weight: 400;font-style: normal;}

.bg-tiffany {background-color: #10f2c6;}
.bg-orange {background-color:#fe6824;}
.bg-red{background-color: #fc3903;}

.text-tiffany {color: #10f2c6;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0,0,0,.7);
}

div.card-body .rounded-circle {width:150px;height:150px;}


.position-absolute-stem {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.carousel-dark .carousel-caption {
    color: #fff;
} 

.header-carousel, .header-carousel .carousel-inner, .header-carousel .carousel-inner img {max-height:600px;}
.header-carousel .carousel-inner img {object-fit: cover;}

.modal-header {z-index:2; right: 15px;}
#modalOrigami .carousel-inner, #modalOrigami .carousel-inner .carousel-item {height:100vh;}
#modalOrigami img {object-fit:cover;}
#modalPrototipazioneAlare .carousel-inner, #modalPrototipazioneAlare .carousel-inner .carousel-item {height:100vh;}
#modalPrototipazioneAlare img {object-fit:cover;}
#modalPrototipazione .carousel-inner, #modalPrototipazione .carousel-inner .carousel-item {height:100vh;}
#modalPrototipazione img {object-fit:cover;}
#modalCodeWeek .carousel-inner, #modalCodeWeek .carousel-inner .carousel-item {height:100vh;}
#modalCodeWeek img {object-fit:cover;}


.carousel-caption {
    bottom: 1rem;
    left: 2rem;
    text-align: left;
    width: fit-content;
}

.carousel-caption h3 {
	padding: 0.7rem;
}
.carousel-caption h3 strong {
    background: black;
    box-shadow: 0.7rem 0 0 black, -0.7rem 0 0 black;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}


@media (min-width: 768px) {
    .container-stem {
        width: 360px;
    }
}

@media (min-width: 992px) {
    .container-stem {
        width: 480px;
    }
}
@media (min-width: 1200px) {
    .container-stem {
        width: 570px;
    }
}
@media (min-width: 1400px) {
    .container-stem {
        width: 660px;
    }
}
@media (max-width: 768px){
	.carousel-caption {bottom:0rem;left:1rem;}
	div.col-12.overflow-hidden > img.position-absolute-stem {position: relative !important;}
	div.col-12.overflow-hidden > img.position-absolute.h-100.w-auto {height:auto !important; width:100% !important;}
	div.container-stem{padding-left: 1.5rem;padding-right: 1.5rem;}
}