/* */
@media screen and (min-width: 24em) {
  header .description{
    font-size: 0.8em;
 
  }

    header .logo a img{
    min-width: 120px;
    max-width: 220px;
  }
    header .head-bar ul li a{
    font-size: 1.5em;
  }
  header .head-bar ul{
    margin-top: 8px;
  }

}




/* */
@media screen and (min-width: 32em) {

  header .description{
      font-size: 1em;
      margin-top: 0;
      margin-right: 15%;
  
    }

    header .head-bar ul{
    margin-top: 0;
    }

    .description2 p{
    font-size: 1em;
  }



}

/* */
@media screen and (min-width: 42em) {

  header .description{
      margin-right: 37%;
  }




}

/* */
@media screen and (min-width: 55em) {

  header .description{
      margin-right: 50%;
  }
  .description2{
    margin-left: 20%;
    padding-left: 100px;
    width: 75%;
  }
    .description2 p{
    font-size: 1.2em;
  }

    .ctafooter{
    margin-left: 20%;
    padding-left: 70px;
    width: 59%;
    margin-bottom: 150px;
    margin-top: 260px;
  }
      .ctafooter h2{
    font-size: 2em;
  
  }
    .ctafooter p{
    font-size: 2em;


  }
  .video-start video{
    display: block;
    margin-left: 0;
    padding-left: 0;
    mix-blend-mode: multiply;
    overflow: hidden;
    min-width: 100vw;
    margin-left: -50vw;
    height: 100vh;

  }
  .video-start img{
    display: none;
  }
  

}


/*1024px*/
@media screen and (min-width: 64em) {

  .grid-sizer,
  .grid-item {
    width: 25%;
  }
  .grid-item--width2 { width:  50%; }
  .grid-item--width3 { width:  75%; }
  .grid-item--height2 { height: 200px; }
  .grid-item--height3 { height: 260px; }
  .grid-item--height4 { height: 360px; }

  /* Colorize-zoom Container */
/*  .img-hover-zoom--colorize img {
    transition: transform .5s, filter 0.3s ease-in-out;
    filter: grayscale(100%);
  }*/

  /* The Transformation */
  .img-hover-zoom--colorize:hover img {
    filter: grayscale(0);
  }
  .bigline{
    width: 70%;
  }
  header .logo{
    margin: 50px;
    width: 20%;
  }
  header .description{
    font-size: 1.25em;
    margin-top: 110px;
    margin-right: 0;
    margin-left: 0;
  }

  header .head-bar{
     margin: 60px 50px 60px 0;
     float: right;
  }
  header .head-bar ul{
    float: right;
    margin-top: 15px;
  }
  header .head-bar ul li{
    margin-left: 90px;
  }
  .video-start{
    padding-top: 250px;
  }


  .video-start video{
    width: 75%;
    margin-left: 20%;
    padding-left: 100px;
    min-width: auto;
    height: auto;

  }

  .album-start{
    padding-top: 250px;
  }

  .nav-toggle {
    width: 2.6rem;
  }
  .info-toggle {
    width: 2.6rem;
  }
  .photo-start{
    margin-top: 0;
  }
  .change .head-bar{
    top: -40px;
  }

}

/*1280px*/
@media screen and (min-width: 80em) {

}

/*1400px*/
@media screen and (min-width: 87.5em) {
  
}

/*# sourceMappingURL=less-space.css.map */