@font-face {
    font-family: 'SuisseIntl-Book';
    src: url('../fonts/SuisseIntl-Book-WebM.eot');
    src: url('../fonts/SuisseIntl-Book-WebM.eot?iefix') format('eot'),
         url('../fonts/SuisseIntl-Book-WebM.woff') format('woff'),
         url('../fonts/SuisseIntl-Book-WebM.ttf') format('truetype'),
         url('../fonts/SuisseIntl-Book-WebM') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
  height:100%;
}

/* ---- grid ---- */

.grid {
  overflow:hidden;
  display:block;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
  overflow:hidden;
}

/* ---- .grid-item ---- */

.grid-item {
  display:block;
  float: left;
  /*border: 1px solid #eee;*/
  max-width: 100%;
  margin-bottom:20px;
  overflow:hidden;
}

.grid-item  img {
  display: block;
  max-width: 100%;
}

.insignificant {
  display:initial;
}


.portraitl {width: 490px; height: 750px; }
.portraitm {width: 300px; height: 450px; }
.portraits {width: 230px; height: 345px; }
.portraitstall {width: 200px; height: 545px; }
.landscapem {width: 750px; height: 490px; }
.landscapes {width: 635px; height: 450px;}
.landscapexs {width: 400px; height: 300px;}
.squarel{width: 490px; height:490px;}
.squarem {width: 400px; height:490px;}
.squarexl{width: 750px; height: 750px; }
.squares {width: 200px; height:200px;}
.squarexs {width: 150px; height:150px;}
.squarexxxs {width:100px; height:100px;}

.portraitm, .portraits, .landscapes, .landscapem, .landscapexs, .squarem, .squares, .squarexs, .squarexxxs, .squarexl, .portraitl, .portraitstall {display:block;}


.abouttext {
  width:  750px;
  display: block;
  margin-bottom: 20px;
}


h2 {
  font-family: SuisseIntl-Book, sans-serif;
  font-weight: 400;
  font-size: 1.7em;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

h3 {
  font-family: SuisseIntl-Book, sans-serif;
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

footer {
  font-family: SuisseIntl-Book, sans-serif;
  font-weight: 400;
  font-size: 1.2em;
  line-height: 1.2em;
  margin: 0;
  border: 0;
  vertical-align: baseline;
}


ul {
  list-style: none;
  padding:0;
}

li {
  font-family: SuisseIntl-Book, sans-serif;
  font-weight: 400;
  font-size: 1.3em;
  line-height: 1.2em;
  display: inline;
  margin-right: 8px;
}

a, a:visited {
  color: #1759ff;
}

a:hover {
  color:black;
}

@media (max-width: 1200px) {
}

@media (max-width: 900px) {
}

@media (max-width: 750px) {

  .grid {
        display: block;
        overflow:hidden;
  }

  .grid-item{
    display: block;
    width:100%;
    height:unset;
    float:left; 
    overflow:hidden;
  }

  .insignificant {
    display:none;
}

.abouttext {
  width:  100%;
  display: block;
}

  li{
  font-size: 1.15em;
  margin-right: 6px;
  }

  
}