body {
  padding-top: 50px;
}
.starter-template {
  padding: 40px 15px;
  text-align: center;
}

@media screen and (min-width: 768px){/*sm*/
  body {
    background-color: #FFCCFF;
  }
}

@media screen and (min-width: 992px){/*md*/
  body {
    background-color: #66FFFF;
  }
}

@media screen and (min-width: 1200px){/*lg*/
  body {
    background-color: #CCFFCC;
  }
}