.primary-banner //background-image: url("../images/backgrounds/banner-primary.png") background-repeat: no-repeat background-size: contain background-position: center top width: 100% height: 100vh padding: 0 position: relative background: $theme-color background: -moz-linear-gradient(top, $theme-color 0%, $theme-color 0%, #ffffff 100%) background: -webkit-gradient(left top, left bottom, color-stop(0%, $theme-color), color-stop(0%, $theme-color), color-stop(100%, #ffffff)) background: -webkit-linear-gradient(top, $theme-color 0%, $theme-color 0%, #ffffff 100%) background: -o-linear-gradient(top, $theme-color 0%, $theme-color 0%, #ffffff 100%) background: -ms-linear-gradient(top, $theme-color 0%, $theme-color 0%, #ffffff 100%) background: linear-gradient(to bottom, $theme-color 0%, $theme-color 0%, #ffffff 100%) .container-fluid padding: 0 .section-content height: 100vh background: url("../images/frontend/backgrounds/bg-foot-banner.png") no-repeat center bottom .top-left position: absolute top: 0px left: 32% .top-right position: absolute top: 0px right: 32% .snowman position: absolute top: 178px right: 32% .pine-trees position: absolute bottom: 30px left: 10% .layer-text position: absolute top: 238px left: 0% right: 0% margin: 0 auto .box-countdown text-align: center position: absolute bottom: 265px left: 0% right: 0% margin: 0 auto color: #000000 h1 margin-bottom: 15px color: #026d85 &:after content: none .box-social position: absolute bottom: 40px right: 10% a display: inline-block margin: 0 10px position: relative &:hover span.box-hover display: block span.box-hover display: none width: 83px height: 86px line-height: 83px text-align: center position: absolute top: -92px left: -57px background: url("../images/frontend/backgrounds/bg-hover-icon.png") no-repeat center .section--purple background-color: #9b59b6 .section--blue background-color: #3498db .section--green background-color: #2ecc71