// For Header use only header{ height: 75px; &.spark-header{ width: 1100px; margin: 0 auto; } &.export-header{ width: 1100px; margin: 0 auto; } &.feature-header{ width: 1200px; margin: 0 auto; .header-top{ .report-info{ padding: 0 35px; } } } .header-top{ height: 49px; background-color: $white; margin: 0; padding: 10px 0; position: relative; .logo{ float: left; padding: 0 20px; height: 49px; position: relative; overflow: hidden; } .report-info{ float: right; padding: 0 20px; .report-type{ font-size: 13px; text-transform: initial; text-align: right; display: block; margin-bottom: 3px; } h1{ color: #1f81c2; font-size: 22px; text-transform: uppercase; text-align: right; &.mt15{ margin-top: 15px; } } .report-date{ font-size: 13px; text-transform: initial; text-align: right; display: block; margin-top: -2px; } } } }