#container {
  margin: 0 auto;
  text-align: center;
}

h1 {
  width: 472px;
  margin: 260px auto 98px auto;
}

ul {
  margin: 0;
  padding: 0;
}

.outline {
  list-style: none;
  margin: 0 auto;
  text-align: center;
}

.outline li {
  list-style: none;
  margin: 0 auto 20px auto;
  text-align: center;
}

.outline li.graphicdesign {
  width: 226px;
  margin: 0 auto 14px auto;
}

.outline li.web {
  width: 67px;
}

.outline li.movie_photo {
  width: 194px;
}

.outline li.illustration {
  width: 152px;
}

.outline li.plants_interiorproduce {
  width: 341px;
  margin: 0 auto 14px auto;
}

.outline li.bakery_spicecurry {
  width: 292px;
}

.comingsoon {
  margin: 260px auto 0 auto;
}

.comingsoon video {
  width: 670px;
}

.contact {
  margin: 260px auto;
  padding: 10px 10px 7px 10px;
  cursor: pointer;
  width: 462px;
  color: #000;
  z-index: 1;
}

.contact svg {
  fill: currentColor;
}

.contact.slide-bg {
  position: relative;
  overflow: hidden;
  -webkit-transition: all  0.3s ease;
  transition: all  0.3s ease;
}

.contact.slide-bg span {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  z-index: -1;
}

.contact.slide-bg:hover {
  color: #fff;
}

.contact.slide-bg:hover span {
  -webkit-transform: none;
          transform: none;
}

/* smartphone */
@media screen and (max-width: 767px) {
  h1 {
    width: 236px;
    margin: 130px auto 49px auto;
  }
  .outline li.graphicdesign {
    width: 113px;
    margin: 0 auto 14px auto;
  }
  .outline li.web {
    width: 34px;
    margin: 0 auto 18px auto;
  }
  .outline li.movie_photo {
    width: 97px;
  }
  .outline li.illustration {
    width: 76px;
    margin: 0 auto 23px auto;
  }
  .outline li.plants_interiorproduce {
    margin: 0 auto 21px auto;
    width: 172px;
  }
  .outline li.bakery_spicecurry {
    width: 146px;
  }
  .comingsoon {
    margin: 130px auto 0 auto;
  }
  .comingsoon video {
    width: 335px;
  }
  .contact {
    margin: 130px auto;
    width: 231px;
  }
}
/*# sourceMappingURL=style.css.map */