/* Nollning */

img, embed, object, video {
  max-width: 100%;
}

/* Färger 

Oliv: rgb(122,162,162)
Gul: rgb(255,225,110)
Blå: rgb(40,105,135)

*/

/* Basic styling */

html, body {
	margin: 0;
  font: 300 1em/1.4 'Roboto Condensed', Helvetica, 'Sans Serif';
  color: #404040;
  
}

/* Flexbox och responsivitet */
      
.maincontainer {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        
      }

      .c0, .header, .c1, .c2, .c3, .footer {
        width: 100%;
      }


      @media (min-width: 800px) {
        .c0, .c1, .artiklar, .nav-container, .sidfot {
          width: 800px;
          margin-left: auto;
          margin-right: auto;
        }
         .c2, .c3 {
         	display: inline-block;
	         margin-right: -4px;
	         vertical-align: top;
         }
         .c2 {
	         width: 65%;
         }
         .c3 {
	         width: 35%;
         }
      }
      
/* Struktur på sidelement */

div {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */

}

.header {
	background-color: #444;
	
}

.ingress {
	padding: 1em;
}

.lead {
	padding: 1em 0;
	min-height: 380px;
	}

.c2 {
	padding: 1em;
	}

.c3 {
	padding: 1em;
}

.footer {
	background: #404040;
}

.sidfot {
	padding: 0 1em;
}

.sidfot1 {
	padding: 1em 0;
	border-bottom: 1px solid #666;
}

.sidfot2 {
	padding: 1em 0;
}

/* Annat */

.maincontainer {
}


/* Typografi */

p {
	font-family: 'roboto';
	font-size: 1em;
	line-height: 1.625em;
	font-weight: 300;
	margin-bottom: 0.85em;
}

.huvudrubrik {
	padding: 0.7em 1em;
	margin-top: 160px;
	margin-bottom: 1em;
	background-color: rgb(122,162,162);
	width: auto;
	display: inline-block;
}

.huvudrubrik H1 {
	font-size: 2em;
	font-weight: 300;
	color: #fff;	
}

.underrubrik {
	padding: 0.7em 1em;
	background-color: rgb(255,225,110);
	width: auto;
	display: inline-block;
	float: right;
}

code {
		text-align: right;

}

.socialicons {
	text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;

}


H2 {
	font-size: 2.2em;
	font-weight: 300;
	margin-bottom: 0.2em;
}

.ingress p {
	font-family: 'Roboto Condensed', Helvetica, 'Sans Serif';
	font-size: 1.2em;
	font-style: italic;
	margin-bottom: 0;
}


H3 {
	font-size: 1.5em;
	font-weight: 300;
	margin-bottom: 0.3em;
	margin-top: 1.35em;
	padding-top: 0.4em;
	border-top: 1px solid rgba(0,0,0,0.1);
}

.c2 h3:first-child, .c3 h3:first-child {
	margin-top: 0;
}

H4 {
	font-weight: 400;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin-top: 2em;
}


a {
	font-weight: 400;
	color: rgb(40,105,135);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


li  {
	list-style-position: inside;
}

strong {
	font-weight: 400;
}


.lista_none li {
	list-style: none;
}

.underrubrik code {
	text-transform: uppercase;
}

.bildtext p {
	font-size: 0.6em;
	font-weight: 400;
	text-transform: uppercase;
	padding: 1px 0.8em 0.5em 0.8em;
}

.bildtext p:before {
	content: "# ";
}

.sidfot  {
	text-align: center;
}

.sidfot h3 {
	font: 300 1.5em/1.5 'Roboto Condensed', Helvetica, 'Sans Serif';
	color: rgba(255,255,255,0.9);
	border: 0;
	margin: 0;
	padding: 0;
}

.sidfot1 p, .sidfot ul {
	font: 300 0.9em/1.5 'Roboto Condensed', Helvetica, 'Sans Serif';
	color: rgba(255,255,255,0.9);
}

.sidfot2 p {
	font: 100 0.8em/1.5 'Roboto', Helvetica, 'Sans Serif';
	color: rgba(255,255,255,0.65);
}

.sidfot ul {
	list-style: none;
}

.sidfot a {
	color: rgba(255,255,255,0.9);
	font-weight: 300;
}

/* Andra element */

.bildgalleri {
	text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    max-width: 100%;
}

.bildcontainer {
	width: 100%;
	    vertical-align: top;
}

.bild {
	padding: 0.4em;
	border: 1px solid #999;
	background: rgba(255,255,255,1);

}

.c0 {
padding: 1em;
	font-size: 0.7em;
	font-weight: 100;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.link {
	display: inline-block;
	width: 100%;
	height: 100%;
}


img {
	vertical-align: bottom;
}

.facebook, .instagram, .youtube, .twitter {
	width: 64px;
	height: 64px;
	background-color: rgb(122,162,162);
	border-radius: 10px;
	display: inline-block;
	vertical-align: top;
}


.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
}

.icon {
  background-repeat: no-repeat;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  background-size: contain;
}

.icon.facebook {
  background-image: url('fb_white_transp.png');
  background-position: center bottom;
  background-size: 90%;

}

.icon.instagram {
  background-image: url('inst_white_transp.png');
  background-position: center center;
  background-size: 65%;
}

.icon.twitter {
  background-image: url('Twitter_logo_white_128px.png');
  background-position: center center;
  background-size: 50%;
}

.icon.youtube {
  background-image: url('YouTube_light_color_icon.png');
  background-position: center center;
  background-size: 65%;
}


.lead {
	background: #000 url(_DSC2161.jpg) no-repeat center bottom;
	background-size: 700px;
}

.container {
	padding: 1em;
}