.main-container-wrapper #mini-panel-product_menu{background:transparent;z-index:9;position:absolute;top:36px}#mini-panel-product_menu .menu-icon-help-header .product-title a,.main-container-wrapper #mini-panel-product_menu .menu-icon-help-header+.product-nav-links li a{color:#fff}.referal-banner-wrap{background-image:url("//www.zohowebstatic.com/sites/zweb/images/desk/how-to-decide-which-help-desk-to-buy.jpg");background-attachment:scroll;background-position:center center;background-repeat:no-repeat;background-size:cover;padding:150px 0 100px;position:relative;margin-top:-82px}.referal-banner-wrap span{background:none repeat scroll 0 0 rgba(0,0,0,0.4);display:block;height:100%;left:0;opacity:1;position:absolute;top:0;width:100%;z-index:8}.referal-banner h1{color:#fff;margin:0 auto;max-width:700px;position:relative;text-align:center;font-family:var(--zf-primary-bold),Gotham,"Helvetica Neue",Helvetica,Arial,"sans-serif"}.referal-banner p{color:#fff;font-size:20px;line-height:1.6;margin:0 auto;max-width:960px;position:relative;text-align:center;z-index:70}.works.content-wrap{max-width:700px;padding:60px 0}.works p em span{font-size:40px;color:#000;float:left;font-family:Georgia,"Lucida Bright","DejaVu Serif","Constantia","serif";font-size:50px;line-height:0;padding:4px 0 0 0}.works p{padding-bottom:15px;font-size:18px;line-height:1.6}.works h2{padding-top:40px;font-family:var(--zf-primary-semibold),Gotham,"Helvetica Neue",Helvetica,Arial,"sans-serif"}@media only screen and (max-width:767px){.main-container-wrapper .row.nomargin>section{margin-top:0}.main-container-wrapper #mini-panel-product_menu{top:0}.referal-banner-wrap{padding:80px 0 80px}.works.content-wrap,.referal-banner{max-width:80%;margin:0 auto}}