.mb-3 {
    margin-bottom: 3rem;
}
.media {
    display: flex;
    align-items: center;
    padding: 1em 1em 0 0;
}
.media-object {
    margin-right: 1em;
}
.media-body {
    flex: 1;
}
.media-heading {
    margin: 0 0 .5em;
}
@media (min-width: 770px) {
    canvas.chartjs {
        width: 100% !important;
        height: 100% !important;
    }
}
.chartHeading {
    margin-bottom: 3rem;
}
.exp__content--chart {
    width: 100%;
}
.container-fact {
    margin-top: 6rem;
    margin-bottom: 6rem;
}
.block--yellow-fact {
    margin-top: 3rem;
}
.grid--center-fact {
    justify-content: center;
    text-align: center;
}
.grid--center-fact .exp__figure, .grid__item--3-fact .exp__figure, .grid__item--3-fact .exp__title {
    color: #000;
}
.grid__item--center-fact {
    font-size: 1.1rem;
}
.grid__item--3-fact {
    padding: 1rem 1.2rem;
}
.grid__item--4-fact {
    width: 100%;
}
@media (min-width: 32em) {
    .grid__item--4-fact {
        width: 49.9%;
    }
}
@media (min-width: 64em) {
    .grid__item--4-fact {
        width: 24.9%;
    }
}
.wrapper {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}
.wrapper > * {
    margin: 0 0.25rem 2rem;
}
.exp__figure {
    font-family: "miller-text", serif;
	font-weight: 700;
	font-size: 60px;
	color: #ffffff;
	letter-spacing: -0.6px;
}
@media screen and (min-width: 320px) {
    .exp__figure {
        font-size: calc(60px + 10 * (100vw - 320px) / 1120);
    }
}
@media screen and (min-width: 1440px) {
    .exp__figure {
        font-size: 70px;
	}
}
.card {
    position: relative;
    overflow: hidden;
    display: flex;
    width: 100%;
    min-height: 30rem;
}
.grid__item--2 .exp__block-fact, .grid__item--3 .exp__block {
    min-height: 20rem;
}
.grid--narrow .grid__item--fact{
    width: 100%;
}
.exp__block--chart {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 100%;    
    text-align: center;
    min-height: 20rem;
}
@media (min-width: 500px) {    
    .card {
        width: 49%;
        min-height: 20rem;
    }
}
@media (min-width: 770px) {
    .card {
        width: 25%;
        min-height: 20rem;
    }
}
@media (min-width: 600px) {
    .grid--narrow .grid__item--fact {
        width: 49.9%;
    }
    .grid__item--fact .exp__figure {
        font-size: calc(50px + 10 * (100vw - 320px) / 1120);
    }
}
@media (min-width: 1000px) {
    .card {
        width: 25%;
        min-height: 20rem;
    }
}
@media (min-width: 1220px) {
    .grid--narrow .grid__item--fact {
        width: 24.9%;
    }    
}
/* Cards titles styling
------------------------------------------ */
.card__title { /* Just for styling */
    align-self: flex-end; padding: 0.5rem;
    color: rgba(255,255,255,.90); font-size: 2rem;
    line-height: 1;
    font-weight: 600;
}
/* Styles for:
** - Using IMG tag inside a container
------------------------------------------ */
/* The image container */
.card__thumbnail {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center; /* horizontal center */
    align-items: center; /* vertical center */
    width: 100%; /* Thumbnail dimensions. */
    height: 100%; /*** Change the height to make the image smaller ***/
}
/* Sets the image dimensions */
.card__thumbnail > img { /* Tip: use 1:1 ratio images */
    height: 100%; /* or width when img.width > img.height */
}  
/* Styles the title inside the img container */
.card__thumbnail > .card__title { /* Just for styling */
    position: absolute; left: 0; bottom: 0;
}
.has-bg-img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
/* Loads a specific image to a container */
.bg-img-nature {
    background-image: url('/_files/img/tiles/discover-au-600x600.jpg');
}
.exp__block-fact {
    padding: 0;
    position: relative;
    display: flex;
    width: 100%;
    min-height: 15rem;
    padding: 1rem;
    text-align: center;
}
.exp__block-fact::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 70, 127, 0.5)!important;
}