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

@font-face {font-family:"Hero-Light";src:url("/herofont/Hero_Light.eot?") format("eot"),url("/herofont/Hero_Light.woff") format("woff"),url("/herofont/Hero_Light.ttf") format("truetype"),url("/herofont/Hero_Light.svg#Hero-Light") format("svg");font-weight:normal;font-style:normal;}

@font-face {font-family:"Hero";src:url("/herofont/Hero.eot?") format("eot"),url("/herofont/Hero.woff") format("woff"),url("/herofont/Hero.ttf") format("truetype"),url("/herofont/Hero.svg#Hero") format("svg");font-weight:normal;font-style:normal;}

body { background-color:#2d313c; font-family: 'Hero-Light', Sans Serif; color:#FFF; }

a:link, a:visited { 
    color: #FFF;
    text-decoration: none;
    cursor: auto;
}

a:hover, a:active { 
    color: #FFF;
	text-decoration: underline;
}
 
.wall 		{ overflow:visible; margin-bottom:0px; }
#container 	{ padding:15px 0px 15px 15px; /*display:none;*/ }
.hidden 	{ display:none; }
h1 { font-size: 2em; margin: 0.67em 0; }


/**** masonry css ****/
.box { float:left; border-radius: 8px 8px 0 0; margin-bottom: 10px }
.box img { display: block; max-width: 100%; border-radius: 8px 8px 0 0; }
.tekst { padding: 36px 16px 36px 16px; background-color:#3c4c65; line-height: 135%; border-radius: 0 0 8px 8px; color:#FFF; }
.kredit { font-size:0.85em; color:#FFF; }
.kontakt { font-size:2em; color:#FFF; }
h1 { line-height: 100% !important; }
.OLSO-header { font-family: 'Hero', Sans Serif; color:#FFF; float:right; margin-top: -20px; }
.designstudio { margin-top: -15px; float:right; }
.designtekst { display:block; clear:both; }

.col1 { width:100px; }
.col2, .bio2 { width:210px; }
.col3 { width:320px; }
.col4 { width:430px; }
.col5 { width:540px; }
.warning5 { width:980px; }

.col1 img { max-width:100px; }
.col2 img { max-width:210px; }
.col3 img { max-width:320px; }
.col4 img { max-width:430px; }
.col5 img { max-width:540px; }

@media (max-width: 540px) and (min-width: 320px) {
	body { padding:0; margin:0; }
	#container 	{ padding:10px 0px 10px 10px; /*display:none;*/ }
	.col1, .col2 { width:145px; }
    .col3, .col4, .col5, .bio2, .warning5 { width:300px; }
	.col1 img, .col2 img { max-width:145px; }
	.col3 img, .col4 img, .col5 img { max-width:300px; }
	.tekst { max-width:276px; color:#FFF; }
  }
}