/*!
 *  Home style
 * Version - 1.1.1
 * Copyright (c) 2023 2A Digital
*/

/* General */
h2 {
    font-size: calc(1.275rem + 1.5vw) !important;
}

/* ===== Home */

.home {
    min-height: 85vh;
    height: 85vh;
}

.home.item0 {
    /*background: url('../../images/home/sirexe-full-access.webp?uhyy'), #fffcf7;*/
    background-position: center;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
}

.home.item1 {
    /*background: url('../../images/home/premier-salon.webp?i=8747'), #fffcf7;*/
    background-position: center;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
}

.home.item2 {
    /*background: url('../../images/home/exposition.webp'), #fffcf7;*/
    background-position: center;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
}

.home.item3 {
    /*background: url('../../images/home/un-salon-au-service-dune-ambition.webp'), #fffcf7;*/
    background-position: center;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
}

.home.item4 {
    /*background: url('../../images/home/grand-public.png'), #fffcf7;*/
    background-position: center;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
}

.home.item5 {
    /*background: url('../../images/home/decouvrir-metiers.webp'), #fffcf7;*/
    background-position: center;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
}

.home.item6 {
    /*background: url('../../images/home/explorer-en-famille.webp'), #fffcf7;*/
    background-position: center;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
}

.home h1 {
    font-size: calc(1.175rem + 1.9vw);
    font-weight: 500;
    color: var(--light);
}

.home p {
    font-weight: 100 !important;
}

/* ===== About */
#about .span {
    margin-bottom: -75px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#about .span {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 155px;
    line-height: 155px;
    margin-top: -20px;
    color: #443c2b22;
    margin-bottom: -35px;
}

.box {
    width: 350px;
    height: 320px;
    position: relative;
    background-color: var(--dark-gray);
    display: flex;
    justify-content: center;
    align-items: center;
}

.box img {
    width: 200px;
}

.box.box-mine {
    background: url(../../images/home/mines.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.box.box-oil {
    background: url(../../images/home/oil.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.box.box-energy {
    background: url(../../images/home/energy.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.box:hover img.mine {
    content: url(../../images/home/mines-color.webp);
    transform: rotate(-10deg);
}

.box:hover img.oil {
    transform: rotate(-10deg);
}

.box:hover img.energy {
    content: url(../../images/home/energie-color.webp);
    transform: rotate(-10deg);
}

p {
    animation-duration: 1s;
    animation-fill-mode: both;
}

@media only screen and (max-width: 768px) {

    /* For mobile phones: */

    .home h2 {
        font-size: calc(0.275rem + 1.5vw) !important;
        /* color: var(--dark) !important; */
    }

    .home {
        /* min-height: 85vh; */
        min-height: 20vh !important;
        height: auto !important;
    }

    .home.item0 {
        background: url('../../images/home/sirexe-full-access.webp?uhyy'), #fffcf7;
        background-position: top left;
        background-size: contain;
        position: relative;
        background-repeat: no-repeat;
    }

    .home.item1 {
        background: url('../../images/home/premier-salon.png'), #fffcf7;
        background-position: top left;
        background-size: contain;
        position: relative;
        background-repeat: no-repeat;
    }

    .home.item2 {
        background: url('../../images/home/exposition.png'), #fffcf7;
        background-position: top left;
        background-size: contain;
        position: relative;
        background-repeat: no-repeat;
    }

    .home.item4 {
        background: url('../../images/home/grand-public.png'), #fffcf7;
        background-position: top left;
        background-size: contain;
        position: relative;
        background-repeat: no-repeat;
    }

	
    .home.item5 {
        background: url('../../images/home/decouvrir-metiers.webp'), #fffcf7;
        background-position: top left;
        background-size: contain;
        position: relative;
        background-repeat: no-repeat;
    }

    .home.item6 {
        background: url('../../images/home/explorer-en-famille.webp'), #fffcf7;
        background-position: top left;
        background-size: contain;
        position: relative;
        background-repeat: no-repeat;
    }
}

@keyframes example {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    #about .span {
        font-size: 125px !important;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    #about .span {
        font-size: 105px !important;
    }
}