@media (max-width: 1200px){
    #content .graph-container.container .text-container{
        font-size: 1.4em;
    }
}

@media (max-width: 991px){
    #content .graph-container.container .row{
        display: inherit;
    }

    #content .ccm-layout-column-inner{
        display:inherit;
    }
}

@media (max-width: 768px){
    #content .main-content.subpage .text-data .row{
        display:inherit;
        text-align:center;
        margin-top: 30px;
    }

    #header .menu-container .social-links div{
        margin: 5px 6px 5px 6px;
    }

    #content .main-content.subpage .text-data .row img{
        display:initial;
    }

    #content .main-content.subpage .services ul{
        width: 50%;
        margin-left: 25px;
        text-align: left;
    }

    #content .main-content.detailed-reference .reference-details .row{
        margin-bottom: 30px;
        margin-top: 30px;
    }

    footer .bottom-box, footer .bottom-box .right-box{
        text-align: center;
    }

    footer .bottom-box .right-box{
        margin-top:10px;
    }

    #content .main-content .text-data .container .row h2{
        font-size: 1.9em;
    }
}

@media (max-width: 580px){
    .m-top-30{margin-top:3px;}
    .m-top-40{margin-top:4px;}
    .m-top-50{margin-top:5px;}
    .m-top-60{margin-top:6px;}
    .m-top-70{margin-top:7px;}
    .m-top-80{margin-top:8px;}
    .m-top-90{margin-top:9px;}
    .m-top-100{margin-top:10px;}

    .m-bottom-30{margin-bottom:3px;}
    .m-bottom-40{margin-bottom:4px;}
    .m-bottom-50{margin-bottom:5px;}
    .m-bottom-60{margin-bottom:6px;}
    .m-bottom-70{margin-bottom:7px;}
    .m-bottom-80{margin-bottom:8px;}
    .m-bottom-90{margin-bottom:9px;}
    .m-bottom-100{margin-bottom:10px;}

    .p-top-30{padding-top:3px;}
    .p-top-40{padding-top:4px;}
    .p-top-50{padding-top:5px;}
    .p-top-60{padding-top:6px;}
    .p-top-70{padding-top:7px;}
    .p-top-80{padding-top:8px;}
    .p-top-90{padding-top:9px;}
    .p-top-100{padding-top:10px;}

    #header{
        /* position: relative; */
        top: 0 !important;
        /* height:120px; */
    }

    #header .container{
        position: initial;
        width: 100%;
    }


    #header .logo{
        display: block;
        text-align: center;
        margin: 10px 0 10px 0;
        bottom: 10px;
        float: none;
    }

    #header .menu-container{
        float:none;
        margin-right:0;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #header .menu-container .languages{
        display: inline-block;
        margin:0;
    }

    #header .menu-container ul.nav{
        width:100%;
        top: 63px;
        left:0;
        right: 0;
        text-align: center;
        padding: 10px 0;
        /* opacity: 0.9; */
        min-width: 100%;
        /*background-color: #383838;*/
        background-color: #262626;
    }

    #header .menu-container ul.nav li a{
        padding: 8px 15px;
    }

    #header .menu-container .menu{
        position: absolute;
        top: 75px;
        right: -10px;
        left: -10px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    #header .menu-container .hamburger-menu{
        position: absolute;
        right: 10px;
        top: -39px;
    }

    #content .graph-container.container .text-container{
        font-size: 1em;
        line-height: 1.25;
        white-space: nowrap;
    }

    #content .main-content.aboutus .container-fluid.text-data .container .row,
    #content .main-content.career .container-fluid.text-data .container .row{
        font-size:1em;
    }
    #content .main-content .text-data .container .row .highlight{
        font-size: 1em;
    }
    #content .main-content .container-fluid.text-data strong{
        font-size:1.2em;
    }

    #content .main-content .container-fluid.text-data .career-text-container p:first-child{
        font-size: 0.7em;
    }

    #content .main-content .container-fluid.text-data .career-text-container p:last-child{
        font-size: 0.7em;
    }

    #content .main-content h2.career, #content .main-content h2.aboutus{
        font-size: 2.5em;
    }

    #content .main-content p.career-text, #content .main-content p.aboutus-text{
        font-size: 0.9em;
    }

    #content .text-data .strategy h2.blue,
    #content .text-data .content h2.orange,
    #content .text-data .connections h2.red{
        font-size: 2.5em !important;
        text-align: left;
    }

    #content .main-content .text-data .container .row h2{
        font-size: 1em;
        text-align: left;
        overflow: hidden;
    }

    #content .main-content .strategy-services h2{
        font-size:2em;
    }

    #content .graph-container.container .text-container p:first-child{
        margin-bottom:8px;
    }

    #content .main-content .services .service-header,
    #content .main-content .container-fluid.content-services h2,
    #content .main-content .container-fluid.connections-services h2{
        font-size:1.8em;
    }

    #content .main-content .services .service-header,
    #content .main-content .container-fluid.content-services p{
        text-align: left;
    }

    #content .main-content .strategy-services p, #content .main-content .container-fluid.connections-services p{
        font-size: 1.2em;
        text-align: left;
    }

    #content .main-content.subpage .services ul{
        margin: 0 0 0 20px;
    }

    #content h2.arrow-bottom, #content .contact-info-container h2{
        font-size: 2em;
    }

    #content .main-content .data-protection h1{
        font-size:2em;
    }
}

@media (max-width: 432px){
    /*#header .menu-container{*/
    /*display: inherit;*/
    /*text-align: center;*/
    /*}*/

    #header .menu-container .languages ul{
        padding:0;
    }

    #header .menu-container .menu .hamburger-menu ul{
        padding: 20px 0 20px 0;
    }
}

@media (max-width: 364px){
    #header{
        /* height:150px; */
    }

    #header .menu-container{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    #header .menu-container .languages{
        margin-right: 13px;
    }

    #header .menu-container ul.nav{
        top: 88px;
    }

    #header.mobile .menu-container .menu .nav {
        top: 113px;
    }
}
@media (max-width: 321px){
    #header .menu-container .social-links{
        min-width: 170px;
    }
    #header .menu-container .social-links div{
        margin: 5px 4px 5px 4px;
    }

    #content .graph-container.container .text-container{
        white-space: normal;
    }
}

@media (max-width: 298px){
    #header .menu-container .social-links{
        text-align: right;
    }

    #header .menu-container .social-links div{
        margin: 5px 2px;
    }

    #header .menu-container .languages{
        margin-right:5px;
    }
}