html {
	/*min-height: 100%;*/
font-size: 80%;

}

/* TYPSNITT HÄR */

/* EBGaramond-regular - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  src: local('EB Garamond Regular'), local('EBGaramond-Regular'),
       url('/typsnitt/EBGaramond-Regular.woff2') format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
}

/* EBGaramond-italic - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  src: local('EB Garamond Italic'), local('EBGaramond-Italic'),
       url('/typsnitt/EBGaramond-Italic.woff2') format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
}

/* EBGaramond-700 - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 700;
  src: local('EB Garamond Bold'), local('EBGaramond-Bold'),
       url('/typsnitt/EBGaramond-Bold.woff2') format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
}

/* EBGaramond-700italic - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 700;
  src: local('EB Garamond Bold Italic'), local('EBGaramond-BoldItalic'),
       url('/typsnitt/EBGaramond-BoldItalic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
}
body {
	font-family: EB Garamond, serif;
	color: #020202;
	min-width: 100%;
	background-color:#FDFDFD;
	margin: auto;
	line-height: 1.6875em;
}

body > * {
	width: 100%;
	margin: auto;
}
h1, h2, h3 {
	text-transform: uppercase;
	text-align: left;
	font-weight: 700;
/*	line-height: normal !important; ??? */
}
h1 {
	min-height: 0vw;
	font-size: 1.75em;
	font-size: clamp(1.75rem, 3.64vw, 2.625rem);
	margin-top: 1em;
}
h2 {
    min-height: 0vw;
	font-size: 1.5em;
	font-size: clamp(1.5rem, 3.12vw, 2.25rem);
	margin-top: 2em;
}
h3 {
    min-height: 0vw;
	font-size: 1.25em;
	font-size: clamp(1.25rem, 2.6vw, 1.875rem);
	margin-top: 2em;
	text-decoration: underline;
	
}
body > header {
	width: 100% !important;
	}

/* header h1 skall vara 6.25% (48px @768) av viewport, upp till 1152. Max 72px, 4.5em */
body > header h1 {
	float: left;
    min-height: 0vw;
	font-size: 300%;
	font-size: clamp(1rem, 2.08vw, 1.5rem);
	margin-bottom: 0;
	margin-top: 0;
	font-weight: bold;
	padding: 0 1em;
	border-right: 1px solid black;
}

#logo {
display: none;
}

#sidnavigering {
	margin: 0 auto;
}

#sidnavigering ul {
	display: table;
  	/*margin: 0 auto;*/
	padding: 0;
    min-height: 0vw;
	font-size: clamp(1rem, 2.08vw, 1.5rem);
	overflow:hidden;
	text-align: center;
	list-style: none;
}
#sidnavigering ul li {
	display: inline-block;
	padding: 0;
}
#sidnavigering ul li a {
    text-transform: uppercase;
    min-height: 0vw;
	padding-left: 1em;
	text-decoration: none;
	color: black;
	width: 100%;
}
#sidnavigering ul li a.aktuell{
	text-decoration: underline;
}

footer {
	padding: 3em 0;
	min-height: 5vw;
	font-size: 1em;
	font-size: clamp(1rem, 2.08vw, 1.5rem);
	text-align: center;
	text-transform: uppercase;
}
#tillbaka_upp_lank  {
    min-height: 0vw;
	padding: 0.5em 1em;
	text-decoration: none;
	color: white;
	background-color: black;
}
body > header, main, body > footer, body > nav {
    min-height: 0vw;
	width: clamp(38rem, 79.17vw, 64rem);
}
main > * {
    min-height: 0vw;
	font-size: clamp(1.25rem, 2.6vw, 1.875rem);
	font-weight: 400;
	clear: both;
	text-align: justify;
	padding: 0 2rem;
	line-height: 1.6875em;
}
article h1 {
margin-top: 3em;
}
article p {
	color: #585858;
}


/* DET HÄR FUNGERAR JU INTE
@supports (not(initial-letter: 5)) and (not(-webkit-initial-letter: 5)) {
	.skriverier-p::first-letter  {
	 color: #red;/*
  font-weight: bold;
  font-size: 3em;
  float: left;
  line-height: .7;
  margin: 1rem 0.25rem 0 0;
  }
}

.skriverier section > p:first-of-type::first-letter {
  initial-letter: 2;
  -webkit-initial-letter: 2;
  font-weight: bold;
  margin-right: 0.25em;
  color: #020202;
}*/
.skriverier section > p:nth-child(n+2)
{
	text-indent: 1.5em;
	margin-top: 0.5em;
}
main article > header, main article {
	border-bottom: 1px solid #CDCDCD;
}
main img {
	width: 100%;
}
main .galleri img {
width: 48%;
float: left;
}
main .galleri img:nth-child(even) {
float: right;
}
main .galleri > p {
clear: both;
}
.publicerat {
	font-size: 0.75em;
}
@media only screen
	and (max-device-width: 767px)
 	{
	body > header, main, body > footer, body > nav
	{
		width: 100% !important;
	}
	main > * {
		font-size: clamp(0.8rem, 2.08vw, 1.5rem) !important;
	}
}
/*
@media only screen and (max-width: 25em) {
main article {
	padding: 2em;
	font-size: 90%
}
}
@media only screen and (max-width: 20em) {
main article {
	padding: 1em;
	font-size: 80%;
}
}
@media only screen and (max-width: 44em) {
#index {
	float: none;
	width: 100%;
	padding-right: 2em;
}

#ledare {
	float: none;
	width: 100%;
}
}
*/