a:focus, a:active, .btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus { outline: none; }
a { color: #009A8F; }
body { font-family: 'Lato'; font-size: 18px; background: #fafafa; }

img {display: block; max-width: 100%; height: auto; }

hr { border: 0; height: 5px; background: #ebebeb; clear: both; margin: 0 0 25px 0; }
p { margin: 0 0 30px 0; }
h1, h2 { text-transform: uppercase; font-size: 19px; font-weight: bold; font-family: Patua One; }
h1 { font-size: 60px; }
h2 { font-size: 17px; font-family: Patua One; }
h3 { margin: 0 0 10px 0; font-size: 22px; font-family: Patua One; }

#jv { padding: 10px 0; background: #fafafa; box-shadow: 0 2px 1px rgba(0,0,0,0.2); z-index: 2; position: relative; }
.share .fb-like { float: right; }

#menu { padding: 10px 0; background: #000; box-shadow: 0 2px 1px rgba(0,0,0,0.2); z-index: 1; position: relative; }
#menu .container div { width: 23%; float: left; text-align: center; }
#menu a { color: #fff; }
#menu .active { color: #ddd; text-decoration: underline; font-weight: bold; }
.container.text p:first-child::first-letter {
    font-size: 80px;
    float: left;
    margin: 10px 3px 0 0;
    line-height: .7em;
}
.container.text.noncapi p:first-child::first-letter {
    font-size: inherit;
    float: none;
    margin: 0;
    line-height: inherit;
}
.date {font-weight: normal; font-style: italic; font-size: 15px; }

.header { height: 100vh; background: url(../img/headerbg.jpg) no-repeat center center; background-size: cover; overflow: auto; border-bottom: 4px solid #c6c6c6; }
.headercontent { position: absolute; width: 100%; top:56%; left: 0%; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%); text-align: center; }
.headercontent h1 { font-family: Patua One; font-size: 100px; color: #fff; text-shadow: 2px 2px 2px rgba(0,0,0,0.5), 0 0 5px rgba(0,0,0,0.4); margin: 0 0 5px 0; }
.headercontent h2 { text-transform: none; font-family: Patua One; font-size: 50px; color: #fff; text-shadow: 2px 2px 2px rgba(0,0,0,0.5), 0 0 3px rgba(0,0,0,0.4); margin: 0 0 20px 0; }
.headercontent h1 .glyphicon { color: #ae0000; -webkit-animation: hjerte 1s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation: hjerte 1s ease-out;-moz-animation-iteration-count: infinite; animation: hjerte 1s ease-out; animation-iteration-count: infinite; }
.headercontent .byline span { background: rgba(0,0,0,0.5); color: #fff; padding: 2px 5px; border-radius: 1px; margin: 2px; }

.postheader { padding: 30px 0 20px 0; background: #000; color: #fff; margin: 0 0 30px 0; font-weight: bold; }

.container.text { margin-bottom: 0; }
.container.img { margin-bottom: 30px; }
.container.img img { display: block; margin: 0 auto; }

.container.img span {font-size: 15px; color: #3a3a3a; display: block; line-height: 1.3em; }
.container.img .col-md-12 span { text-align: center; }

.video { background: #3e3e3e; margin-bottom: 30px; }

.container .fakta { float: right; width: 40%; margin-right: -20px; }
.container .fakta h3 { font-size: 20px; }
.container .faktacontent { padding: 0 20px; font-size: 15px; color: #830000; }
.container .faktacontent p { margin: 0 0 10px 0; }
.container .faktacontent h3 { border-bottom: 2px solid #830000; font-weight: bold; padding: 3px 0; text-transform: uppercase; }

.container.text .glyphicon { font-size: 12px; margin-bottom: 2px; top: 0; }

.staerk-hjerte-container { text-align: center; }
.staerk-hjerte { color: #ae0000; -webkit-animation: hjerte 1s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation: hjerte 1s ease-out;-moz-animation-iteration-count: infinite; animation: hjerte 1s ease-out; animation-iteration-count: infinite;margin: 20px auto; font-size: 50px; }
.full-img img { width: 100%; height: auto; }

@-webkit-keyframes hjerte {
    0% {-webkit-transform: scale(1, 1); text-shadow: 1px 2px 2px rgba(0,0,0,0.5); }
    40% {-webkit-transform: scale(1.2, 1.2); text-shadow: 2px 3px 2px rgba(0,0,0,0.3); color: #d90000}
    50% {-webkit-transform: scale(1, 1); text-shadow: 0px 3px 2px rgba(0,0,0,0.4);}
    60% {-webkit-transform: scale(1.2, 1.2); text-shadow: 2px 3px 2px rgba(0,0,0,0.3); color: #d90000}
    100% {-webkit-transform: scale(1, 1); text-shadow: 1px 2px 2px rgba(0,0,0,0.5);}
}
@-moz-keyframes hjerte {
    0% {-moz-transform: scale(1, 1); text-shadow: 1px 2px 2px rgba(0,0,0,0.5); }
    40% {-moz-transform: scale(1.2, 1.2); text-shadow: 2px 3px 2px rgba(0,0,0,0.3); color: #d90000}
    50% {-moz-transform: scale(1, 1); text-shadow: 0px 3px 2px rgba(0,0,0,0.4);}
    60% {-moz-transform: scale(1.2, 1.2); text-shadow: 2px 3px 2px rgba(0,0,0,0.3); color: #d90000}
    100% {-moz-transform: scale(1, 1); text-shadow: 1px 2px 2px rgba(0,0,0,0.5);}
}
@keyframes hjerte {
    0% { transform: scale(1, 1); text-shadow: 1px 2px 2px rgba(0,0,0,0.5); }
    40% { transform: scale(1.2, 1.2); text-shadow: 2px 3px 2px rgba(0,0,0,0.3); color: #d90000}
    50% { transform: scale(1, 1); text-shadow: 0px 3px 2px rgba(0,0,0,0.4);}
    60% { transform: scale(1.2, 1.2); text-shadow: 2px 3px 2px rgba(0,0,0,0.3); color: #d90000}
    100% { transform: scale(1, 1); text-shadow: 1px 2px 2px rgba(0,0,0,0.5);}
}

@media only screen and (max-width: 768px) {
	.header { height: 60vh; }
	.header span { display: inline-block; }
	#menu .container div { width: 100%; }
	.container.img div { margin-bottom: 20px; }
}

@media only screen and (min-width: 769px) {

}

@media only screen and (min-width: 992px) {

}

@media only screen and (max-width: 1199px) { 

}

@media only screen and (max-width: 991px) {
	.jv { margin: 0 auto 10px; display: block; width: 150px; }
	.share { text-align: center; }
	.share .fb-like { float: none; } 
	.headercontent h1 { font-size: 50px; }
	.headercontent h2 { font-size: 30px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

}

@media only screen and (max-width: 750px) { 
	h1 { font-size: 25px; }
	h2 {font-size: 18px; }
	.header { height: 70vh; }
	.header span { display: inline-block; }
	.headercontent { position: relative; }
	.container.img div { margin-bottom: 20px; }
	.container.img div.col-md-12 { margin-bottom: 0px; }
	.container.img .col-md-12 span { text-align: left; }
}

@media only screen and (max-width: 500px) { 
	.headercontent h1 { font-size: 30px; }
	.headercontent h2 { font-size: 20px; }
	.container .fakta { float: none; width: 100%; }
	.container .faktacontent { padding: 0; }
	.headercontent .byline span { display: inline-block; font-size: 12px; }
}

@media only screen and (max-width: 340px) {

}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

}