*,*:before,*:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  
.row { width: 100%; max-width: 1140px; min-width: 768px; margin: 0 auto; }
.row.fullscreen { width: 98%; max-width: none; }  
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row-pad {
    padding-top: 15px;
    padding-left: 15px; /* grid-space to left */
    padding-right: 0px; /* grid-space to right: (grid-space-left - column-space) e.g. 15px-15px=0 */
} 

.column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
.column.centered, .columns.centered { float: none; margin: 0 auto; }
[class*="column"] + [class*="column"]:last-child { float: right; }
[class*="column"] + [class*="column"].end { float: left; }
  
.row .one     { width: 8.33% }
.row .two     { width: 16.66% }
.row .three   { width: 25% }
.row .four    { width: 33.33% }
.row .five    { width: 41.66% }
.row .six     { width: 50% }
.row .seven   { width: 58.33% }
.row .eight   { width: 66.66% }
.row .nine    { width: 75% }
.row .ten     { width: 83.33% }
.row .eleven  { width: 91.66% }
.row .twelve  { width: 100% }
  
.row .offset-by-one     { margin-left: 8.33% }
.row .offset-by-two     { margin-left: 16.66% }
.row .offset-by-three   { margin-left: 25% }
.row .offset-by-four    { margin-left: 33.33% }
.row .offset-by-five    { margin-left: 41.66% }
.row .offset-by-six     { margin-left: 50% }
.row .offset-by-seven   { margin-left: 58.33% }
.row .offset-by-eight   { margin-left: 66.66% }
.row .offset-by-nine    { margin-left: 75% }
.row .offset-by-ten     { margin-left: 83.33% }

.push-two { left: 16.66667%; }
.pull-two { right: 16.66667%; }
.push-three { left: 25%; }
.pull-three { right: 25%; }
.push-four { left: 33.33333%; }
.pull-four { right: 33.33333%; }
.push-five { left: 41.66667%; }
.pull-five { right: 41.66667%; }
.push-six { left: 50%; }
.pull-six { right: 50%; }
.push-seven { left: 58.33333%; }
.pull-seven { right: 58.33333%; }
.push-eight { left: 66.66667%; }
.pull-eight { right: 66.66667%; }
.push-nine { left: 75%; }
.pull-nine { right: 75%; }
.push-ten { left: 83.33333%; }
.pull-ten { right: 83.33333%; }

/*.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; }*/

.push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
.pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }
  
/* Nicolas Gallagher's micro clearfix */
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }  
img { max-width: 100%; }

/*	Responsive
	Mobil 	>= 768px
	Pad 	>= 1024px
	720p 	>= 1366px
	1080p 	>= 1920px
	1440p 	>= 2560px
	UHD 	>= 3840px
*/

/* Nettleser med 120 dpi (125%), typsk 15.6" skjerm */
/*@media only screen and (resolution: 120dpi), only screen and (resolution: 1.25dppx)
{
	body {
		transform:scale(0.8);
		transform-origin:top left;
		width:125%;
		height:125%;
	}
}
*/
/* Mobil og liten nettleser */
@media only screen and (max-device-width: 767px),only screen and (max-width: 767px)
{		
    body { 
		-webkit-text-size-adjust: none; 
		-ms-text-size-adjust: none; 
		width: 100%; 
		min-width: 0; 
		margin-left: 0; 
		margin-right: 0; 
		padding-left: 0; 
		padding-right: 0; 
	}
    .row { width: auto; min-width: 480px; margin-left: 0; margin-right: 0; }
    .column, .columns { width: auto !important; float: none; margin-bottom:24px; }
    .column:last-child, .columns:last-child { float: none; }
    [class*="column"] + [class*="column"]:last-child { float: none; }
    .column:before, .columns:before, .column:after, .columns:after { content:""; display:table; }
    .column:after, .columns:after { clear: both; }
}
