@media only screen and (max-width: 1500px) {
  /* line 2, ../scss/rwd.scss */
  .fy-container {
    width: 1200px;
  }

  /* line 8, ../scss/rwd.scss */
  #works .works .work {
    width: 15rem;
  }

  /* line 16, ../scss/rwd.scss */
  #services .services .service {
    width: 20rem;
  }
}
@media only screen and (max-width: 1200px) {
  /* line 24, ../scss/rwd.scss */
  .fy-container {
    width: 1000px;
  }

  /* line 28, ../scss/rwd.scss */
  .fy-button {
    padding: 1rem 1.5rem;
    font-size: 1.2rem;
  }

  /* line 35, ../scss/rwd.scss */
  #works .works .work {
    width: 15rem;
  }
  /* line 39, ../scss/rwd.scss */
  #works .works .work .details .title {
    font-size: 1.25rem;
  }

  /* line 49, ../scss/rwd.scss */
  #services .services .service {
    width: 17.5rem;
  }
  /* line 51, ../scss/rwd.scss */
  #services .services .service .title {
    font-size: 1.25rem;
  }

  /* line 59, ../scss/rwd.scss */
  #contact h1 {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 1000px) {
  /* line 66, ../scss/rwd.scss */
  .fy-container {
    width: 95vw;
  }
}
@media only screen and (max-width: 950px) {
  /* line 73, ../scss/rwd.scss */
  #intro .greeting {
    font-size: 1.75rem;
  }
  /* line 74, ../scss/rwd.scss */
  #intro .title {
    font-size: 7rem;
  }
  /* line 75, ../scss/rwd.scss */
  #intro .fy-flex-center {
    min-height: 65vh;
  }
  /* line 77, ../scss/rwd.scss */
  #intro .career-txt {
    font-size: 1.75rem;
  }

  /* line 84, ../scss/rwd.scss */
  #works .works .work {
    width: 20rem;
  }

  /* line 92, ../scss/rwd.scss */
  #services .services .service {
    width: 15rem;
    padding: 0.5rem;
  }
}
@media only screen and (max-width: 825px) {
  /* line 104, ../scss/rwd.scss */
  #works .works .work {
    width: 17.5rem;
  }

  /* line 112, ../scss/rwd.scss */
  #services .services .service {
    width: 70vw;
    text-align: center;
  }

  /* line 120, ../scss/rwd.scss */
  #contact h1 {
    font-size: 2.5rem;
  }
}
@media only screen and (max-width: 725px) {
  /* line 127, ../scss/rwd.scss */
  .fy-button {
    padding: 1.125rem 1.5rem;
    font-size: 1rem;
  }

  /* line 133, ../scss/rwd.scss */
  #intro .greeting {
    font-size: 1.5rem;
  }
  /* line 134, ../scss/rwd.scss */
  #intro .title {
    font-size: 5.5rem;
  }
  /* line 136, ../scss/rwd.scss */
  #intro .career-txt {
    font-size: 1.2rem;
  }

  /* line 143, ../scss/rwd.scss */
  #works .works .work {
    width: 15rem;
  }

  /* line 150, ../scss/rwd.scss */
  #contact h1 {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 630px) {
  /* line 159, ../scss/rwd.scss */
  #works .works .work {
    width: 12.5rem;
  }
}
@media only screen and (max-width: 570px) {
  /* line 167, ../scss/rwd.scss */
  nav {
    display: block;
    padding: 0 2rem;
  }
  /* line 172, ../scss/rwd.scss */
  nav .nav-items {
    display: block;
    width: 100%;
    background: #000000;
  }
  /* line 177, ../scss/rwd.scss */
  nav #top-nav-items.nav-collapse {
    height: 0;
    overflow: hidden;
  }
  /* line 182, ../scss/rwd.scss */
  nav #top-nav-items.show.nav-collapse {
    height: auto;
  }
  /* line 187, ../scss/rwd.scss */
  nav .nav-title .nav-collapse-toggle {
    display: block;
    margin-left: auto;
  }

  /* line 194, ../scss/rwd.scss */
  #top-nav-bar {
    position: fixed;
    top: 0;
  }
}
@media only screen and (max-width: 555px) {
  /* line 205, ../scss/rwd.scss */
  .fy-button {
    padding: 0.75rem 1rem;
    font-size: 0.8rem;
  }

  /* line 211, ../scss/rwd.scss */
  #intro .title {
    font-size: 3.5rem;
  }
  /* line 212, ../scss/rwd.scss */
  #intro .fy-flex-center {
    min-height: 75vh;
  }
  /* line 214, ../scss/rwd.scss */
  #intro .career-txt {
    display: block;
    margin-top: 1rem;
  }
  /* line 218, ../scss/rwd.scss */
  #intro .career-txt #i-am {
    margin-right: 0;
  }
  /* line 219, ../scss/rwd.scss */
  #intro .career-txt .flip-item {
    justify-content: center;
  }

  /* line 227, ../scss/rwd.scss */
  #works .works .work {
    width: 80vw;
  }

  /* line 234, ../scss/rwd.scss */
  #contact .fy-flex {
    margin: 2rem 0;
  }
  /* line 237, ../scss/rwd.scss */
  #contact .fy-flex h1 {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 500px) {
  /* line 246, ../scss/rwd.scss */
  #contact .fy-flex {
    display: block;
    text-align: center;
  }
  /* line 250, ../scss/rwd.scss */
  #contact .fy-flex h1 {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}