@font-face {
  font-family: Great Vibes;
  src: url("../fonts/GreatVibes-Regular.woff");
}

@media only screen and (max-width: 1024px) {
  .logo{
    background: url("../img/smart-trio.png") center center no-repeat;
    background-size: cover !important;
    width: 200px !important;
    height: 192px !important;
    margin: auto !important;
  }
  .slogan{
    font-family: "Great Vibes", cursive;
    font-size: 2rem !important;
  }

  .video-slogan{
    margin: 10px !important;
    font-family: "Great Vibes", cursive ;
    font-size: 1rem !important;
  }


  .last-use{
    background: url("../img/last-use.png") center center no-repeat;
    background-size: cover !important;
    margin: auto !important;
    width: 200px !important;
    height: 200px !important;
  }

}

.logo{
  background: url("../img/smart-trio.png") center center no-repeat;
  width: 400px;
  height: 382px;
  margin: auto;
}
.slogan{
  font-family: "Great Vibes", cursive;
  font-size: 4rem;
}


@media only screen and (min-width: 1024px) {
  .features{
    height: 210px;
    margin: auto;
    padding-top: 90px;
  }
}
.lead{
  margin-top: 50px;
}

.video-slogan{
  margin: 150px;
  font-family: "Great Vibes", cursive;
  font-size: 3rem;
}

.last-use{
  background: url("../img/last-use.png") center center no-repeat;
  background-size: cover;
  margin: auto;
  width: 400px;
  height: 400px;
}