body {
  padding-top: 3.5rem;
  margin-bottom: 3.5rem;
  width: 100%; 
  height: 100%;
  font-family: 'Ubuntu Condensed', sans-serif;
  font-weight:600;
  font-size: 1.2rem;
}
h1,h2,h3,h4,h5,h6{
  font-family: 'Ubuntu Condensed', sans-serif;
  font-weight:700;
}
html {
  position: relative;
  min-height: 100%;
}
#top{
  position:relative;
  min-height: 700px;
  background:url(../img/head.jpg) no-repeat top center;
  background-size:cover;
  display: flex;
  align-items: flex-end;
  text-shadow: 1px 1px 2px black;
}
#about{
  position: relative;
  min-width: 100%;
  padding:3rem;
}
.showcase .showcase-text{
  padding:3rem;
  padding-left: 20px;
}
.showcase .showcase-img{
  min-height:44rem;
  background: no-repeat center center;
  background-size:90%;

}
#sss, #ssp, #testim{
  background-color: #fff;
}
#about, #ts, #tsu{
  background-color: #f5f5f5;
}

.testimonials{
  padding-top:3.5rem;
  padding-bottom:7rem;
  }
.testimonials .testimonial-item{
  max-width:18rem;
  }
.testimonials .testimonial-item img{
  max-width:12rem;
  -webkit-box-shadow:0 5px 5px 0 #adb5bd;
  box-shadow:0 5px 5px 0 #adb5bd;
 }
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  line-height: 3.5rem;
  background-color: #f5f5f5;
  padding-top:2rem;
}
.fa-instagram{
  color: grey;
}
.fa-facebook-square{
  color: grey;
}
.fa-twitter-square{
  color: grey;
}
.fa-vk{
  color: grey;
}
.fa-odnoklassniki-square{
  color: grey;
}
.fa-angle-double-up{
  color: grey;
}
@media (max-width:640px){
.showcase .showcase-img{
      min-height:20rem;
}
}
.testimonials{
  padding-top:3.5rem;
  padding-bottom:7rem;
  }
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  line-height: 3rem;
  background-color: #f5f5f5;
  padding-top:2rem;
}
@media (max-width:480px){
  .footer{
    line-height: 1.5rem;
    padding-top:1rem;
    font-size: 0.5rem;
  }
}