/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in mobile-first CSS */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .container {
        max-width: 576px; /* Augmentez selon vos besoins */
    }

    .custom-class {
        /* Styles for small devices */
    }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .container {
        max-width: 768px; /* Augmentez selon vos besoins */
    }

    .custom-class {
        /* Styles for medium devices */
    }

    .static-text {top: 50%}
    .static-text h1 {font-size: 3.5em}

    .page-two-columns .two-columns-left {
        flex: 0 0 60% !important; /* 60% de la largeur totale, ne pas réduire ou grandir */
        max-width: 60% !important; /* Maximum 60% de la largeur */
        border-radius: 16px;
    }

    .page-two-columns .two-columns-right {
        flex: 0 0 36% !important; /* 40% de la largeur totale, ne pas réduire ou grandir */
        max-width: 36% !important; /* Maximum 40% de la largeur */
        margin-left: 4% !important;
        background: #f9f9f9;
        padding: 30px;
        border: 1px solid #e8e8e8;
        border-radius: 16px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .container {
        max-width: 992px; /* Augmentez selon vos besoins */
    }

    .custom-class {
        /* Styles for large devices */
    }

    #banner {
        margin-bottom: 85px;
    }

    #banner .banner-static-text {
        display: flex !important
    }

    #banner-title {
        display: none !important;
    }

    .navbar-nav {background: transparent !important;position: relative !important;padding-left: 4vw !important;width: auto !important;}

    .nav-item {
        margin-left: 25px
    }
    .navbar-nav .nav-link, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar-nav .nav-link:hover, .navbar-nav .nav-link:visited {
        color: white !important;

    }
    .nav-link, .dropdown-item {
        color: black !important;
        border-bottom: none !important;
        font-size: 18px !important;
        padding: 10px 15px !important;
    }
    .nav-link.dropdown-toggle::after {
        display: none;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .container {
        max-width: 1200px; /* Augmentez selon vos besoins */
    }

    .custom-class {
        /* Styles for extra large devices */
    }

    .static-text {
        font-size: 2.3rem; /* Taille du texte pour une meilleure visibilité */
        width: 70%;
    }
}

/* Extra extra large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .container {
        max-width: 1400px; /* Augmentez selon vos besoins */
    }

    .custom-class {
        /* Styles for extra extra large devices */
    }
}