.about-us{ background-image: url(../images/block_2.jpg); background-size:cover; z-index: -1; height: 1300px; top:100px; background-attachment:fixed; max-width: 100%; } .about-us-main { background-image: url(../images/about_fullscreen_bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100vh; padding-top: 130px; position: relative; } .about-us-main h3{ max-width: 500px; width: 100%; font-weight: 700; margin: 0; padding: 60px 0; color: #fff; font-size: 72px; letter-spacing: .72px; line-height: 60px; text-align: center; margin: 0 auto; z-index: 0; position: absolute; left: 50%; top: calc(50% - 65px); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .counter{ background: #fff; padding: 20px; max-width: 900px; text-align: center; position: absolute; top: 100vh; left: 50%; z-index: 2; /* -webkit-transform: translate(-50%,-50%);*/ transform: translate(-50%,-50%); box-shadow: 0 1px 1px 0 rgba(84,84,84,.3); } .description{ font-weight: 300; color: #676767; font-size: 16px; letter-spacing: .16px; line-height: 24px; text-align: center; max-width: 560px; margin: 0 auto 10px; } .timer-left{ width: 50%; float: left; } .timer-brend{ margin: 0 auto; font-weight: 700; color: #e4ca87; font-size: 110px; } .timer-right{ width: 50%; float: right; } .timer-restaurant{ margin: 0 auto; font-weight: 700; color: #e4ca87; font-size: 110px; } .block_1{ background-image: url(../images/block_1.png); background-repeat: no-repeat; background-position: center calc(100% + 140px); background-color: #f3f3f3; padding-top: 420px; padding-bottom: 140px; } .block_2{ padding: 100px 20px; border: solid 1px; position: relative; overflow: hidden; } .block_2 h2{ font-size: 30px; letter-spacing: .3px; font-weight: 700; font-size: 48px; color: #fff; text-align: center; z-index: 2; position: relative; display: block; } .block_3{ background: white; height: 200px; width: 100%; border: solid 1px; }