.section-intro {
    background: linear-gradient(45deg, #272262, #0080c5);
    color: white;
}

.bg-intro {
    position: relative;
    padding-top: 18vh;
}

.bg-intro::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://resources.cdn.haylem.ca/background/letter-background_3988.png");
    background-size: cover;
    background-position: bottom;
    opacity: 1;
    mix-blend-mode: multiply;
}

.bg-intro .container {
    position: relative;
    z-index: 1;
}

.img-intro {
    width: 100%;
}

.section-history {
    padding-top: 10vh;
    padding-bottom: 10vh;
    background: #F6F9FE;
}

.bg-discover {
    position: relative;
    padding-top: 7vh;
    padding-bottom: 7vh;
}

.bg-discover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://resources.cdn.haylem.ca/500/odeo-logo_500.png');
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: 80% center;
    opacity: 0.4;
}

.bg-discover .container {
    position: relative;
    z-index: 1;
}

@media screen and (max-width:900px) {
    .bg-discover::before {
        background-position: right center;
        background-size: 60%;
    }
}
@media screen and (max-width:600px) {
    .bg-discover::before {
        background-position: center;
        background-size: 100%;
        opacity: 0.2;
    }
}

.section-discover {
    background: linear-gradient(45deg, #272262, #0080C5);
}

@media screen and (max-width: 500px) {
    .section-discover {
        justify-content: center;
    }
}

.capsule-play {
    font-size: 6vmax;
    color: #b6cc28;
    transition-duration: 0.4s;
}
.capsule-play:hover {
    color: #d12f0f;
}

.section-timeline {
    padding-top: 10vh;
    padding-bottom: 10vh;
    background-image: url("https://resources.cdn.haylem.ca/background/letter-background_3988.png");
    background-size: cover;
}

.section-clinic {
    padding-top: 7vh;
    padding-bottom: 7vh;
    background-color: #F6F9FE;
}
.map {
    height: 100px;
    width: 100%;
}

.section-team {
    background-color: white;
    padding-top: 7vh;
    padding-bottom: 7vh;
}

.section_newspaper {
    padding-top: 7vh;
    padding-bottom: 7vh;
    background-image: url("https://resources.cdn.haylem.ca/background/letter-background_3988.png");
    background-size: cover;
    background-position: bottom;
}
.media-image-col {
    height: 125px;
    width: 125px;
    padding: 1.2rem;
    border-radius: 50%;
    background-color: white;
    box-shadow: 2px 4px 9px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
a:hover {
    color: #F16625;
}
.media-image-col:hover{
    box-shadow: 4px 7px 15px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.section-contact {
    padding-top: 7vh;
    padding-bottom: 7vh;
    background: linear-gradient(45deg, #272262, #0080C5);
}