.header-layout{display:block;position:relative;width:100%}.header-layout.blue-head.event-header .container{width:1040px}.osi .header-layout h1{color:#fff;font-family:"proxima_novaregular";font-size:40px;letter-spacing:-.001em;line-height:35px;padding:32px 0 33px}.osi .header-layout h2{color:#fff;font-family:"proxima_novaregular";font-size:40px;letter-spacing:-.001em;line-height:35px;padding:32px 0 33px}.header-layout h1 em{font-family:'proxima_novatin';font-style:normal}.header-layout h2 em{font-family:'proxima_novatin';font-style:normal}.header-layout h1 span{bottom:auto;font-family:"proxima_novaregular";font-size:20px;top:-20px;line-height:0;position:relative;vertical-align:baseline}.header-layout h2 span{bottom:auto;font-family:"proxima_novaregular";font-size:20px;top:-20px;line-height:0;position:relative;vertical-align:baseline}.green-head{background:url(../images/server-banner.png) no-repeat 50% 50%;background-size:100% 100%}.purple-head{background:url(../images/pi-tools-banner.png) no-repeat 50% 50%;background-size:100% 100%}.blue-head{background:url(../images/product-banner.png) no-repeat 50% 50%;background-size:100% 100%}.orange-head{background:url(../images/connection-bg.png) no-repeat 50% 50%;background-size:100% 100%}.greenhead{background:url(../images/server-banner.png) no-repeat 50% 50%;background-size:100% 100%}.purplehead{background:url(../images/pi-tools-banner.png) no-repeat 50% 50%;background-size:100% 100%}.bluehead{background:url(../images/product-banner.png) no-repeat 50% 50%;background-size:100% 100%}.orangehead{background:url(../images/connection-bg.png) no-repeat 50% 50%;background-size:100% 100%}@media(min-width:1200px){#mainpane .header-layout .container{max-width:1060px;width:1060px}}@media(min-width:990px) and (max-width:1200px){.header-layout.blue-head.event-header .container{width:970px}.osi .header-layout h2{padding:32px 22px 33px}}@media(min-width:768px) and (max-width:990px){.header-layout.blue-head.event-header .container{width:750px}.osi .header-layout h2{padding:32px 22px 33px}}@media(min-width:660px) and (max-width:767px){.header-layout.blue-head.event-header .container{width:580px}.osi .header-layout h2{font-size:30px}}@media(max-width:659px){.osi .header-layout h2{font-size:35px}.osi .header-layout .container{padding-left:10px;padding-right:10px}.header-layout h2 span{font-size:10px;top:-9px}.event-header{display:none}}