RateMyCourse/frontpage/css/main.scss

//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;
}