@import url(http://fonts.lug.ustc.edu.cn/css?family=Roboto+Slab:400,700); .section{ font-family: 'Roboto Slab', serif; font-weight: 500; font-size: 2em; color: #fff; box-sizing: border-box; width: 100%; position: relative; float: left; text-align: center; &:nth-child(1){ height: 100vh; line-height: 100vh; background: #3498db; } &:nth-child(2){ height: 90vh; line-height: 90vh; background: #e74c3c; } &:nth-child(3){ height: 70vh; line-height: 70vh; background: #1abc9c; } &:nth-child(4){ height: 100vh; line-height: 100vh; background: url('http://cdn.jsdm.com/2/14979299068_4d3bdde60c_o-1400x581.jpg'); background-size: cover; } i{ width: 32px; height: 32px; position: absolute; color: #fff; bottom: 5%; left: 50%; margin-left: -16px; } }