/*---------------------------------------------------
    LESS Elements 0.6
  ---------------------------------------------------
    A set of useful LESS mixins by Dmitry Fadeyev
    Special thanks for mixin suggestions to:
      Kris Van Herzeele,
      Benoit Adam,
      Portenart Emile-Victor,
      Ryan Faerman

    More info at: http://lesselements.com
-----------------------------------------------------*/
/*---------------------------------------------------
    LESS Elements 0.6
  ---------------------------------------------------
    A set of useful LESS mixins by Dmitry Fadeyev
    Special thanks for mixin suggestions to:
      Kris Van Herzeele,
      Benoit Adam,
      Portenart Emile-Victor,
      Ryan Faerman

    More info at: http://lesselements.com
-----------------------------------------------------*/
.responsive {
  display: none;
  visibility: hidden;
}
@media only screen and (max-width: 480px) {
  .logo-container {
    padding-top: 45px;
    margin-right: 13px;
    margin-left: 13px;
  }
  .main-menu,
  .submenu {
    margin-right: 13px;
    margin-left: 13px;
  }
  .mobile {
    display: inline-block;
  }
  .submenu ul {
    display: block;
    text-align: justify;
    overflow: hidden;
  }
  .submenu-item {
    display: inline;
  }
  .submenu-item a {
    display: inline-block;
  }
  .work-overview-list-item {
    width: 50%;
  }
  .photo-project {
    width: 50%;
  }
  .photo-project-figure {
    padding: 6.25px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 1024px) {
  .logo-container {
    padding-top: 45px;
    width: 320px;
  }
  .main-menu,
  .submenu {
    width: 320px;
  }
  .mobile {
    display: inline-block;
  }
  .submenu {
    margin: 0 auto;
  }
  .submenu ul {
    display: block;
    text-align: justify;
    overflow: hidden;
  }
  .submenu-item {
    display: inline;
  }
  .submenu-item a {
    display: inline-block;
  }
  .work-overview-list-item {
    width: 33.333333333%;
  }
  .photo-project {
    width: 33.333333333%;
  }
  .photo-project-figure {
    padding: 12.5px;
  }
}
@media only screen and (min-width: 1025px) {
  .logo-container {
    padding-top: 60px;
    width: 33.333333333%;
  }
  .main-menu {
    width: 33.333333333%;
  }
  .main-header {
    width: 1089px;
  }
  .content {
    width: 1089px;
  }
  .submenu {
    position: absolute;
    left: 20px;
    right: 66.666666667%;
    bottom: 15px;
  }
  .work-overview-list-item {
    width: 33.333333333%;
  }
  .photo-project {
    width: 33.333333333%;
  }
  .photo-project-figure {
    padding: 12.5px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .sprite-icon {
    background-image: url(/assets/icons_retina.png);
    background-size: 300px 75px;
  }
}