@font-face {
  font-family: 'QTP';
  font-style: normal;
  font-weight: 400;
  src: url(http://elaztek.com/api/fonts/wf_qtype-pro_seext-bold.ttf);
}



.helpcenter_wrap {
    /*max-width: 1280px;
    margin: 40px auto;*/
    margin: 40px 90px;
}


.helpcenter_header {
    background: url(http://api.elaztek.com/img/halo_community/reach_forge_halo_art.png);
    height: 400px;
    background-size: cover;
    background-position: center;
    box-shadow: 0px 0px 22px 3px #12161b inset;
    align-items: center;
    justify-content: center;
    position: relative;
    display: flex;
}

.helpcenter_title {
    color: #fff;
    font-family: "QTP", sans-serif;
    text-transform: uppercase;
    text-shadow: 0px 0px 4px #2a333e;
}

.helpcenter_main {
    width: 75%;
    display: inline-block;
}

.helpcenter_sidebar {
    width: 23%;
    display: inline-block;
    float: right;
}

.helpcenter_widgets_top {
    margin-bottom: 20px;
}

/* mobile */
@media (max-width: 960px) {
  
    .helpcenter_header {
        height: 200px;
    }
  
    .helpcenter_main {
        width: 100%;
        display: block;
    }
  
    .helpcenter_sidebar {
        width: 100%;
        display: block;
        float: none;
    }
  
}