@charset "UTF-8";
/* CSS Document */

* { box-sizing: border-box; }

/* force scrollbar, prevents initial gap */
html { overflow-y: scroll; }

body { font-family: sans-serif; }

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

.grid {
  background: #fff;
	top: -12px;
}

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

/* ---- .element-item ---- */

/* 10 columns, percentage width */
.grid-item {
  float: left;
  width: 20%;
  height: auto;
  background: none;
  border: none;
}

.grid-item--width2 { width: 40%; }
.grid-item--height2 { height: auto; }

/*//////////////////////////////////////////////////////////////////// 
// Media Queries
////////////////////////////////////////////////////////////////////*/


/* Firefox Hacks */

@-moz-document url-prefix() { 

.grid {
	top: -30px;
}

 }

/* iPad in Portrait and Landscape */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	.grid {
	top: -44px;
}
}

/* iPad Landscape */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) 
{