.BlocImage {
    background: url('../img/gma/background_02.jpg') no-repeat top 35% center;
    background-size: cover;
}

header .app_icon {
    display: none;
    background: url(../img/gma/logo_app_gmnet.svg) no-repeat;
    background-size: contain;
    height: 21px;
    margin-top: 40px;
}

footer {
    height: 125px;
}

/* service - header */
.service-header {
    display: block;
    background: #003D4C;
}

.BlocImage {
    width: 65%;
}

.service-header .service-header-data {
    padding: 40px;
}

.service-header .service-header-data h3 {
    font-family: 'ABCGintoNord-Medium';
    font-size: 44px;
    color: #fff;
}

.service-header .service-header-data .uap-button-secondary {
    background: #FAB600;
    color: #003341
}

/* services */
.services .Icone.icon1 {
    background: url(../img/gma/PictoGM-Fusee.svg) no-repeat;
}

.services .Icone.icon2 {
    background: url(../img/gma/icon_mouse.svg) no-repeat;
}

.services .Icone.icon3 {
    background: url(../img/gma/PictoGM-Lunettes.svg) no-repeat;
}

/* service - footer */
.BlocServiceFooter {
    width: 100%;
    height: 440px;
    display: inline-flex;
    background-image: linear-gradient(75deg, #f19371 50%, #bb5932 100%);
}

.service_footer_gradient {
    width: calc((100% - 1400px) / 2);
    height: 440px;
    background-image: linear-gradient(260deg, #f19371 50%, #bb5932 100%);
    float: left;
}

.service_footer_image {
    width: 620px;
    height: 440px;
    background: url(../img/gma/mister_smiling@2x.jpg) no-repeat;
    background-size: cover;
    background-position-x: right;
    float: left;
}

.service_footer_contents {
    position: relative;
    width: 780px;
    height: 440px;
    float: left;
}

.service_footer_data {
    width: 100%;
    margin: 0;
    position: absolute;
    top: 55%;
    left: 20%;
    transform: translate(-20%, -55%);
}

.service_footer_data h3 {
    font-family: 'ABCGintoNord-Medium';
    font-size: 38px;
    color: #fff;
}

.service_footer_contact {
    width: 100%;
    margin: 0;
    position: absolute;
    bottom: 10%;
    line-height: 1.2em;
}

.service_footer_data p, .service_footer_contact p {
    font-family: 'Roboto-Regular';
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
}

.uap-button-secondary {
    float: left;
    width: 250px;
    margin-top: 40px!important;
    background-color: #003D4C;
    border: unset;
}

@media only screen and (max-width: 1400px) {
    .service-header .service-header-data h3 {
        font-size: 36px;
    }

    .service_footer_data h3 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 1000px) {
    footer {
        height: 160px;
    }

    #nav_menu #navMenuLogo {
        display: none;
        background: url(../img/gma/logo_app_gmnet.svg) no-repeat center;
        background-size: contain;
        height: 21px;
    }

    /* service - header */
    .header-banner {
        flex-direction: column-reverse;
    }

    .service-header {
        width: 100%;
    }

    .BlocImage {
        width: 100%;
    }
    
    .service-header .service-header-data h3 {
        font-size: 34px;
    }

    /* service - footer */
    .BlocServiceFooter {
        height: 590px !important;
        display: block !important;
        margin-bottom: 40px;
    }

    .service_footer_gradient {
        display: none;
    }

    .service_footer_image {
        width: 100% !important;
        height: 290px !important;
        display: block !important;
        float: left !important;
    }

    .service_footer_contents {
        width: 100% !important;
        height: 305px !important;
        display: block !important;
        float: left !important;
        background: #eef2f4 !important;
    }

    .service_footer_data {
        width: unset !important;
        position: unset !important;
        top: unset !important;
        left: unset !important;
        transform: unset !important;
        padding: 30px !important;
        display: flex !important;
        align-items: center !important;
        flex-direction: column !important;
    }

    .service_footer_data h3 {
        color: #003d4c !important;
        max-width: 100% !important;
        font-size: 32px;
    }
    
    .service_footer_contact {
        width: unset !important;
        position: unset !important;
        top: unset !important;
        left: unset !important;
        transform: unset !important;
        padding-left: 10px;
        padding-right: 10px;
        display: flex !important;
        justify-content: center !important;
    }

    .service_footer_data p, .service_footer_contact p {
        color: #003d4c !important;
        max-width: 100% !important;
    }
}

@media only screen and (max-width: 580px) {
    .service-header .service-header-data h3 {
        font-size: 30px;
    }

    .service_footer_data h3 {
        font-size: 28px;
    }
}