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


    .frontal-mixed-top-wave,
    .svg-with-circuit,
    .stage {
        height: 50vh;
    }

    .ITD-svg {
        height: 30vh;
    }

    /* #region About section  */
    .simple-info-section {
        height: 900px;
    }

    .simple-info-section>article {
        top: 20%;
    }

    /* #endregion About section */

    /* #region Locations section */
    .location-section {
        height: 1600px;
        display: flex;
        justify-content: center;
    }

    .location-sub-container {
        width: 90%;
        top: 10%;
        height: 1000px;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .flexible-map {
        width: 100%;
    }

    .main-map {
        width: 850px;
        height: 600px;
    }

    .carrousel {
        height: 700px;
    }

    /* #endregion */

    .partners-container {
        grid-template-areas:
            "partner-one partner-one"
            "partner-two partner-three"
            "partner-four partner-five"
            "partner-six partner-seven"
            "partner-eight partner-nine"
            "partner-ten partner-eleven"
            "partner-twelve partner-thirteen"
            "partner-fourteen partner-fifteen";
    }

    .flip-box {
        margin: auto;
    }

    .training-blocks-container {
        flex-direction: column;
        height: 1500px;
        align-items: center;
        top: 10%;
    }

    .shift-content {
        grid-template-columns: repeat(2, 1fr);
    }

    .training-section {
        height: 2000px;
    }

    .grid-inputs {
        grid-template-columns: repeat(1, 1fr);
    }

    .training-blocks {
        width: 85%;
    }

    /* #region responsive solutions */
    /*the 50/50 proportions of blocks became  60/30
    to let hexagons blocks have width enough to don't 
    craash betweeen them */
    .content-block {
        /* border: solid red 1px; */
        width: 30%;
    }

    .cb-no-redimention {
        width: auto;
    }

    .options-block {
        width: 60%;
        /* border: blue solid 1px; */
    }

    p {
        font-size: 35px;
    }

    H1,
    H2 {
        font-size: 45px;
    }

    H3,
    H4,
    H5,
    H6 {
        font-size: 35px;
    }

    /* #region Mobile Footer */
    .standard-titles-font-style {
        font-size: 30px;
    }

    .footer-components {
        display: grid;
        gap: 2rem;
        grid-auto-columns: 1fr;
        grid-template-areas:
            "footer-component-two"
            "footer-component-three"
            "footer-component-one";
    }

    .footer-component-one {
        /* background-color: fuchsia; */
        grid-area: footer-component-one;
        width: 90%;
        text-align: center;
    }

    .footer-component-two {
        /* background-color: fuchsia; */
        grid-area: footer-component-two;
        width: 90%;
        text-align: center;
    }

    .footer-component-three {
        /* background-color: fuchsia; */
        grid-area: footer-component-three;
        width: 90%;
        text-align: center;
    }

    .footer-mobile-text {
        font-size: 30px;
    }

    /* #endregion Mobile Footer */

    .mobile-icon {
        font-size: 60px;
    }
    

    .menu-btn-mobile{
        display: block;
        padding-left: 70px;
        padding-top: 20px;
        font-size: 75px;
    }

    .menu {
        background-color: var(--color-raisin-black);
        height: 75px;
        overflow: hidden;
    }

    .menu>ul {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        flex-direction: column;
        width: 90%;
        font-size: 35px;
        top: 16%;
        height: 400px;
        padding-top: 3%;
    }

    .menu-btn-mobile{
        display: block;
        visibility: visible;
        font-size: 60px;
        padding-left: 60px;
        padding-top: 20px;
    }


    /* #region Forms controls on mobile */
    .controls,
    textarea {
        font-size: 30px;
    }


    .form-btn {
        width: 90%;
        font-size: 30px;
    }

    /* #endregion Forms controls on mobile*/


    /* #region fixed buttons on mobile */
    .fixed-buttons-container {
        width: 500px;
    }

    .fixed-button {
        width: 150px;
        height: 150px;
    }

    .fixed-button>a>i {
        font-size: 60px;
        top: 22%;
        left: 30%;
    }

    /* #endregion fixed buttons on mobile */



    .legal-content{
        width: 50vw;
    }


    /* #endregion responsive solutions*/


}

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

    /* #region responsive solutions */
    /*the 50/50 proportions of blocks became  60/30
    to let hexagons blocks have width enough to don't 
    craash betweeen them */

    .info-block {
        display: flex;
        flex-direction: column;
    }

    .reversed-on-media-q {
        display: flex;
        flex-direction: column-reverse;
    }

    .content-block {
        /* border: solid purple 1px; */
        width: 90%;
        height: auto;
    }

    .options-block {
        width: 90%;
        /* border: aqua solid 1px; */
        height: auto;
    }

    .big-info-block {
        width: auto;
        /* border: pink solid 1px; */
    }

    .disperse-active {
        /* border: white solid 1px; */
        padding-bottom: 50px;
        width: 90%;
    }




    /* #endregion responsive solutions*/


}

/* #region Media Querys */

/** For mobile devices **/
@media (max-width: 767px) {
    footer-wave svg {
        width: calc(143% + 1.3px);
        height: 116px;
    }
}

@media only screen and (max-width: 767px) {
    .hexagon-item {
        margin: 0 auto 50px;
    }

    .hexagon-item:first-child {
        margin-left: auto;
    }
}

@media (min-width: 1200px) {
    .responsive-hex {
        width: 66.66666667%;
    }
}


/* #endregion */