/* VARIABLES **********/
/**********************/
/**********************/
@media (max-width: 1200px) {
  html {
    font-size: 60%; } }
@media (max-width: 1000px) {
  html {
    font-size: 58%; } }
@media (max-width: 767px) {
  html {
    font-size: 54%; }

  h1 {
    font-size: 2.4rem; }

  h2 {
    font-size: 3rem; }

  .project-image {
    float: none;
    width: 100%; }
    .expander .project-image {
      display: none; }

  .project-text {
    float: none;
    width: 100%;
    margin-left: 0; }
    .expander .project-text {
      padding-top: 0; }

  .expander .inner {
    padding-top: 3rem;
    padding-bottom: 3rem; }
  .expander .close {
    width: 3rem;
    height: 3rem;
    top: 3rem;
    right: 2rem; } }
@media (max-width: 600px) {
  body {
    font-size: 1.6rem; }

  .main {
    min-height: 0; }

  .main-menu-wrap {
    padding: 3rem 0 0; }
    .main-menu-wrap .logo-wrap {
      width: 4rem; }
    .main-menu-wrap .title {
      margin-top: 0.6rem; }
      .main-menu-wrap .title h1 {
        font-size: 2.6rem; }
      .main-menu-wrap .title .motto {
        margin-top: 0.4rem;
        font-size: 1.6rem; }

  .footer {
    height: auto;
    margin-top: 6rem; } }

/*# sourceMappingURL=styles-mq.css.map */