/*html { font-size: 60%; }*/
/*

h1 {
  font-size: 3.6rem;
  line-height: 1.25;
}

h2 {
  font-size: 2.8rem;
  line-height: 1.3;
}

h3 {
  font-size: 2.2rem;
  letter-spacing: -.08rem;
  line-height: 1.35;
}

h4 {
  font-size: 1.8rem;
  letter-spacing: -.05rem;
  line-height: 1.5;
}

h5 {
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 1.4;
  }*/


  h1, h2, h3, h4,h5,h6 {
  	margin-top: 2.5rem;
  	margin-bottom: 0.5rem;
  }



  .footer {
  	padding-top: 30pt;
  	background: #0b5394;
  	color: #ccc;

  	/* test med grå bakgrund och skugga. */

  	color: #999;
  	background: #2b2b2b;
  	box-shadow: 0 -2px 4px 0 rgba(0,0,0,.4);
  }
  .footer a {
  	color: white;
  }

  .footer .container {
  	margin-top: 0 ;
  	margin-bottom: 0 ;
  	padding-bottom: 50pt;
  	padding-top: 20pt;


  }



  @keyframes scaleTimeline {
  	0% {
  		transform: scale(1.2);
  	}

  	100% {
  		transform: scale(1);
  	}
  }
/*

// 4031 x 840
*/


@media (min-width: 600px){	
	.banner {
		background-image: url('/images/banner-small.jpg');
	}
}

@media (max-width: 600px) {
	.banner {
		background-image: url('/images/banner-min.jpg');
	}
}


.banner {
	animation: scaleTimeline 30s forwards;
	/*	animation-delay: 2s;*/
	transform: scale(1.2);
	/* image-rendering: pixelated;*/
	/*	transform: scale(1.5); */
	height: 100%;
	/*	background-image: url('/images/banner-small.jpg');*/
	background-size: cover;	
	background-position: center; top;
	background-attachement: fixed;
	background-repeat: no-repeat;
}

.banner_box {
	height: 200pt;
	width: 100%;
	overflow: hidden ;
	clear: both;
}

.container {
	padding-top: 20pt;
	padding-bottom: 20pt;
	clear: both;
	max-width: 83rem;
}

.intro {
	font-size: 2.1rem;	
	color: #0b5394;
}

.nowrap tr td {
	white-space: nowrap;
}

.dark {
	background-color: black;
	color: white; 
}

.dark a {
	color: white; 
}


.product img {
	width: 100%;
	border-radius: 5px;

}
.product h3 {
	color: #0b5394;
	font-size: 2.3rem;
}
.product table tr td:first-child {
	color: #0b5394;
}


.clean, .clean tr, .clean tr td {
	border: none;
	padding: 0;
	margin: 0;
}

.silent {
	font-size: 1.3rem;
	color: #999;
}
.silent a {
	color: #bbb;
}



.container, #navigator, footer, .banner_box {
	background-color: white;
	max-width: 100rem;
	margin: 0 auto;

}

.container:nth-child(odd) {
	background: #eff0f2; 		
}

footer .container {
	background-color: transparent !important;
}

.container {
	padding-left: 4rem;
	padding-right: 4rem;
}

body {
	padding: 0;
	margin: 0;
	background-image: url('/images/background-mid.jpg');
	background-size: cover;
	background-attachment: fixed;
	position:static ;
}


/*font-smooth: auto;*/
/*font-smooth: always;*/


.logo {
	margin-left: 10pt;
	font-family: Oswald;
	font-size: 24pt;
	white-space: nowrap !important;
}	
.logo :first-child {
	color: #85200c;
}
.logo :last-child {
	color: #0b5394;
}

.logo img {
	padding-top: 1rem;
	padding-left: 1rem;
	max-width: 24rem;
}

.menu {
	float: right;
	list-style-type: none;
	margin: 1rem;
	margin-top: 3.5rem;
}

.menu li {
	color: #85200c ;
	font-size: 15pt;	
	display: inline;
	width: auto;
	margin: 2pt;
	padding: 8pt;
	padding-left: 4pt;
	padding-right: 4pt;
	vertical-align: center;
	border-radius: 3px;
}
.menu li:hover {
	background: #0b5394;
	transition: background-color 0.2s ease-in;
}
.menu li:hover > a {
	color: #fafafa;
}

#navigator {
	vertical-align: top;
	clear: both;
	margin: 0pt auto;
}			

#hamburger_icon {
	display: none;
	vertical-align: center;
	width: 25pt;
	height: 25pt;
	padding: 3pt;
}

#hamburger_icon:active {
	transform: scale(1.2);
}

@keyframes spinn {
	0% {
		rotate(0deg);
	}

	100% {
		rotate(90deg);
	}
}

#hamburger_icon:hover {
	transistion: rotate(90deg) 1s 1s;
	transform: spin 1s;
}

#hamburger {
	display: none;
}

/*
			Phones	
*/

@media (max-width: 600px) {
	/*	html { font-size: 60%; }*/

	.container {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.logo {
		margin: auto;
	}
	.logo img {
		padding: 0;
		max-width: 12rem;
	}

	.wrapper {
		padding-top: 30pt;
	}

	.menu {
		transition: max-height 0.2s ease-in;
		max-height: 0px;
		overflow: hidden; 
		display: block;
		float: none;
		margin: 0;
		list-style-type: none;
		padding: 0px;
	}

	.menu li { 
		border: none;
		background: none;
		list-style-type: none;
		padding: 5px;
	}

	#hamburger_icon {
		display: inline-block;
	}

	#hamburger:checked ~.menu { 
		transition: max-height 0.2s ease-in;
		opacity: 1; 
		max-height: 300pt;
		display: block;
	}

	.menu li {
		display: block;
	}

	#navigator {
		z-index: 100000000;
		position: fixed;
		margin: 0px;
		background: white;
		width: 100%;
		padding-top:0;
		box-shadow:0px 4px 5px rgba(0, 0, 0, 0.4);
	}
}