@charset "utf-8";
@import url("framework.css");

#start {
  padding: 360px 0;
  text-align: center;
}

#start article {
  display: block;
  max-width: 65%;
  margin: 0 auto;
}

#start p:first-of-type {
  margin: 60px 0 20px 0;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 5px;
}

*, *::before, *::after {
  transition: all .3s ease-in-out;
}

#start {
  color: #1f1f1f;
}

@-ms-viewport {
  width: device-width;
}

@media screen and (min-width:978px) {
  .start {
    max-width: 978px;
  }
}

@media screen and (max-width:900px) {
  .start {
    max-width: 90%;
  }
}

@media screen and (max-width:750px) {
  #start {
    padding: 120px 0;
  }

  #start article {
    max-width: none;
    text-align: left;
  }
}