//Homepage .box{ position: relative; width: 100%; background: #5850c7 url(https://d20ohkaloyme4g.cloudfront.net/img/hero-illustration-module.png) repeat; color: #fff; text-align: center; margin-bottom: 0; overflow-y:hidden; } .fullcontainer { display: flex; align-items: center; height: -webkit-calc(100vh - 50px); height: -moz-calc(100vh - 50px); height: calc(100vh - 50px); } .fullcontainer h1{ font-size: 60px; } .fullcontainer h3{ margin-bottom: 30px; } //Course page .box2 { background: #EAEBEC; position: relative; width: 100%; } .fullc{ background: white; } body { padding-top: 70px; } .btn-grey{ background-color:#D8D8D8; color:#FFF; } .rating-block{ background-color:#FAFAFA; border:1px solid #EFEFEF; padding:15px 15px 20px 15px; border-radius:3px; } .bold{ font-weight:700; } .padding-bottom-7{ padding-bottom:7px; } .review-block{ background-color:#FAFAFA; border:1px solid #EFEFEF; padding:15px; border-radius:3px; margin-bottom:15px; } .review-block-name{ font-size:12px; margin:10px 0; } .review-block-date{ font-size:12px; } .review-block-rate{ font-size:13px; margin-bottom:15px; } .review-block-title{ font-size:15px; font-weight:700; margin-bottom:10px; } .review-block-description{ font-size:13px; } .animated { -webkit-transition: height 0.2s; -moz-transition: height 0.2s; transition: height 0.2s; } .stars { margin: 20px 0; font-size: 24px; color: #d17581; }