/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

.welcome-text p {
    text-align: justify;
}



.about-logo-adjust {
    background-position: calc(50% - 150px) center !important;
}

/* Tablette + mobile */
@media (max-width: 1024px) {
    .about-logo-adjust {
        background-image: none !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .welcome-text p {
        text-align: left;
    }
}

/* Homepage - countdown responsive */
@media (max-width: 1024px) {

    .home-countdown-section .row {
        text-align: center;
    }

    .home-countdown-section .col-lg-5,
    .home-countdown-section .col-lg-7 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        text-align: center !important;
    }

    .home-countdown-section h2 {
        margin-bottom: 10px;
    }

    .home-countdown-section h4 {
        margin-bottom: 20px;
    }

    .home-countdown-section .btn {
        margin-bottom: 30px;
    }

    .home-countdown-section .countdown {
        text-align: center;
    }

    .home-countdown-section .countdown-container {
        justify-content: center;
    }

    .home-countdown-section .countdown-box {
        width: 110px !important;
        height: auto !important;
        margin: 8px !important;
    }

    .home-countdown-section .countdown-box .number {
        font-size: 46px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
    }

    .home-countdown-section .countdown-box span {
        font-size: 14px !important;
        font-weight: 400;
    }
}

/* Homepage - countdown téléphone */
@media (max-width: 767px) {

    .home-countdown-section .countdown-container {
        display: flex !important;
        justify-content: center !important;
        flex-wrap: nowrap !important;
        width: 100%;
    }

    .home-countdown-section .countdown-box {
        flex: 1 1 25% !important;
        max-width: 25% !important;
        width: 25% !important;
        margin: 0 !important;
        padding: 5px 2px !important;
        text-align: center !important;
    }

    .home-countdown-section .countdown-box .number {
        display: block;
        width: 100%;
        font-size: 34px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        text-align: center !important;
    }

    .home-countdown-section .countdown-box span {
        display: block;
        width: 100%;
        margin-top: 6px;
        font-size: 10px !important;
        font-weight: 400;
        text-align: center !important;
        white-space: nowrap;
    }
}

/* Logo responsive mobile */
@media (max-width: 767px) {
    #header .header-inner #logo a,
    #header .header-inner #logo a span,
    #header #header-wrap #logo a,
    #header #header-wrap #logo a span {
        font-size: 26px !important;
        letter-spacing: 1px;
        white-space: nowrap;
    }
}

/* Homepage - désactiver le parallax du countdown sur téléphone */
@media (max-width: 767px) {

    .home-countdown-section {
        background-image: url("../images/parallax/bouly.jpg") !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    .home-countdown-section .parallax-container {
        display: none !important;
    }
}