body.home{ background-image: url('/../img/home-bg.jpg'); .header{ padding-top: 40px; .menu, .search{ display :none !important; } .logo{ text-align: center; } } .sub-menu{ display: none !important; } .body-content{ ul{ li{ width: 100%; a{ color: #fff; text-decoration: none; text-transform: uppercase; font-family: 'CalibreBold', Fallback, sans-serif; @include font-size(9); line-height: 6rem; } .description{ width: 78%; margin: 0 0 0 auto; color: #fff; border-top: 1px solid #fff; text-align: left; padding-top: 15px; font-size: 18px; line-height: 18px; } .sub-links{ display: none; } &.clicked{ position: relative; & > a { position: relative; z-index: 1; } &:nth-child(1){ background-image: url('/../img/the-group-bg.jpg'); } &:nth-child(2){ background-image: url('/../img/activities-digital-bg.jpg'); } &:nth-child(3){ background-image: url('/../img/investors-key-bg.jpg'); } &:nth-child(4){ background-image: url('/../img/contact-group-bg.jpg'); } @include perfect-background(); @include gradient-background-before(absolute, #000, 0.3, 0, 50%); @include gradient-background-after(absolute, #000, 0.3, 0, 50%); padding: 44px 20px 17px; margin-bottom: 26px; .sub-links{ display: block; margin-top: 100px; position: relative; z-index: 2; ul{ list-style: none; padding-left: 5px; li{ a{ color: #fff; text-transform: uppercase; font-family: 'CalibreRegular', Fallback, sans-serif; @include font-size(1.5); line-height: 1rem; } } } } } } } } footer{ display: none; } }