a {
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
}

a:hover, a:focus {
	text-decoration:none;
	border-bottom: 1px solid #FFF;	
}

p {
	line-height: 1.55;	
}

body {
    font-size: 15px;
}

.lead {
    line-height: 1.5em;
}

/* Customize the carousel
-------------------------------------------------- */
#carousel-top {
    height: 585px;
}

.carousel-control {
	z-index: 100;
	opacity: 100 ;
  	position: absolute;
  	top: 90%;
  	left: 35%;
  	width: 40px;
  	height: 40px;
  	margin-top: -20px;
  	font-size: 50px;
  	font-weight: lighter;
  	line-height: 30px;
  	color: #ffffff;
  	text-align: center;
}

.carousel-control:hover, .carousel-control:focus {
    cursor: pointer;
	color: #3276b1;
	border-bottom:0;
}

.carousel-control.left {
	background-image: none;
	filter: none;
}

.carousel-control.right {
	right: 35%;
	background-image: none;
	filter: none;
}

.carousel-indicators {
	top: 90%;
	bottom: 0;
}

/* Typography
-------------------------------------------------- */
.info p, .info a {
	margin: 0;
	padding: 0;
	color: #FFF;
}
.headers {
	font-family: 'Bitter', serif;
	font-weight: 700;
}

.lead {
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	color: #666666;
	padding-top: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #b6b8b7;
	margin-bottom: 40px;
}

.navbar-inverse .navbar-nav>li>a {
	color: #333333;
	font-size: 16px;
	font-weight: 200;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
	border-bottom: none;
}

dl {
	margin-top: 0;
	margin-bottom: 5px;
}

.dl-horizontal dt {
	text-align: left;
	width: 130px;
	font-weight: 400;
	line-height: 25px;
}

.dl-horizontal dd {
	margin-left: 0;
	line-height: 25px;
}

.info-heading {
	font-family: 'Bitter', serif;
	font-weight: 200;
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 20px;
}

.muted, .muted a {
	color: #0b4b6b;
}
.muted a:hover, .muted a:focus {
	color: #FFCC00;
	border-color: #FFCC00;
}
/* Buttons
-------------------------------------------------- */

.btn-primary {
	background-color: transparent;
	color: #FFF;
	border: 1px solid #FFF;
}

.btn-primary:hover, .btn-primary:focus {
	background-color: #0d6795;
	color: #FFF;
	border: 1px solid #0d6795;
}
#btn-blue {
	color: #0d6795;
	border: 1px solid #0d6795;
}
#btn-blue:hover, #btn-blue:focus {
	background-color: #0d6795;
	color: #ededed;
}
#btn-top:hover, .btn-top:focus {
	color: #0d6795;
	background-color: #FFF;
	text-decoration:none;
}
#btn-top {
	width: 100%;
	margin-bottom: 10px;
	padding: 10px 0 10px 0;
}
.btn {
	border-radius: 3px;
	padding: 12px 25px 12px 25px;
}

.btn-lg {
	border-radius: 4px;
	width: 100%;
	margin-bottom: 40px;
	color: #FFF;
	border: 1px solid #FFF;
	font-weight: 200;
}
.btn-lg:hover, .btn-lg:focus {
	color: #0d6795;
	background-color: #FFF;
}
/* Sidebar
------------------------------------------------- */

.sidebar {
	display: block;
	padding-top: 10%;
	font-size: 14px;
	z-index: 800;
	position: absolute;
	left: 70px;
	width: 295px;
	line-height: 35px;
	}

.info {
	padding-top: 10px;
	font-size: 16px;
	font-weight: 200;
	color: #FFF;
	background-color: rgba(13,103,149,.75);
	border-radius: 3px;
}

.info-holder {
	padding: 10px 20px;
}

/* Navbar
------------------------------------------------- */

.home {
	text-align: center;
	display: block;
    padding: 0 0 0 115px;
}

.logo {
	z-index: 1000;
	float: left;
	width: 165px;
	margin-left: auto;
	height: auto;
	padding-top: 20px;
	padding-bottom: 40px;
	text-align: center;
	background: url('../img/bb200.png') 50% 0 no-repeat;
	background-size: 90% auto;
}

.navbar-inverse {
	background-color: rgba(255,255,255,.95);
}


.navbar {
	z-index: 900;
	border-bottom: 1px solid #e3e3e3;
    padding: 10px 0 5px;
}
.navbar a:hover, .navbar a:focus {
	border-bottom: 0;
}

.navbar .navbar-collapse {
	text-align: center;
}
.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #0d6795;
}
.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar {
	background-color: #FFF;
}
.navbar-toggle {
	position: relative;
	float: right;
	margin-right: 15px;
	padding: 9px 10px;
	margin-top: 0;
	margin-bottom: 8px;
	background-color: transparent;
	border: 1px solid #0d6795;
	border-radius: 3px;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: #0d6795;
}

.navbar-inverse .navbar-toggle {
	border-color: #0d6795;
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
	color: #0d6795;
}

/*  Styles
-------------------------------------------------- */

.section-grey {
	background-color: #ededed;
	padding: 40px 0 100px;
	border: 1px solid #e3e3e3;
}

section.section-about, section.section-history, section.section-shop, section.section-kitchen,
section.section-engros, section.section-catering, section.section-footer {
	margin-top: 60px;
	margin-bottom: 100px;
}

.cover-frame {
	position: relative;
	height: 600px;
	overflow: hidden;
    border-bottom: 10px solid #0d6795;
}

img.img-circle {
	width: 200px;
	height: auto;
}

.img-circle {
	margin: 20px 0px 20px 0px;
}

.img-caption {
	width: 200px;
	text-align: center;
	text-align:-webkit-center;
	text-align:-moz-center;
	padding-bottom: 10px;
}

/* Images! */


.img-cover.natt {
    background: url('../img/berggren22s.jpg');
}

.img-cover.old-fishery {
    background: url('../img/gammel_fiskebutikk.jpg');
}

.img-cover.shop {
    background: url('../img/berggren16.jpg');
    background-position: bottom center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.img-cover.kitchen {
    background: url('../img/berggren8.jpg');
}

.img-cover.engros {
    background: url('../img/berggren5.jpg');
}

.img-cover.catering {
    background: url('../img/berggren15.jpg');
}

.img-cover.natt,
.img-cover.old-fishery,
.img-cover.kitchen,
.img-cover.engros,
.img-cover.catering {
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}



/* */

.footer-container {
	padding-top: 40px;
	height: 200px;
	background-color: #333;
}

footer {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #0d6795;
}

footer a, footer a:hover, footer a:focus {
	color: #FFF;
}

/* Language menu */

.language.first {
    border-left: 1px solid #ebebeb;
}

.language img {
    opacity: 0.4;
    -webkit-transition: opacity 0.2s ;-moz-transition: opacity 0.2s ;-ms-transition: opacity 0.2s ;-o-transition: opacity 0.2s ;transition: opacity 0.2s ;
}

.language img.active {
    opacity: 1;
}

.language:hover img {
    opacity: 1;
}

.section-footer {
    margin: 20px 0;
}

.caption-container {
    margin-top: 20px;
}

	/* RESPONSIVE CSS
	-------------------------------------------------- */

/* Medium -> + */
@media (min-width: 992px){

}
/* Medium only */
@media (min-width: 992px) and (max-width: 1199px){
 #carousel-top {
     height: 700px;
 }
    .navbar-collapse.collapse {
        display: inline-block !important;
        padding: 0;
    }
}


/* Large only */
@media (min-width: 1200px){
    #carousel-top {
        height: 800px;
        max-width: none;
    }
    h2.headers {
        font-size: 40px;
    }
}

@media (min-width: 1600px){
    #carousel-top {
        height: 900px;
        max-width: none;
    }
    #first {
        margin-top: 80px;
    }
}


	@media (max-width: 1200px) {
		.home {
			padding: 0 0 0 20px;
		}
		
		.logo {
			width: 160px;
			margin-left: -15px;
			height: auto;
			background-size: 85% auto;
		}
		.img-caption {
			width: 100%;
		}
	}

    @media (max-width: 1000px) {
        .navigation.container {
            padding: 0;
            max-width: none;
        }
    }

	@media (max-width: 979px) {
        .nav .language a {
            padding: 10px 5px;
        }
        .nav .language.no a {
            padding:10px 5px 10px 10px;
        }
        .navbar-collapse {
            padding: 0;
        }

		section.section-about, section.section-history, section.section-shop, section.section-kitchen,
		section.section-engros, section.section-catering, section.section-footer {
			margin-top: 40px;
			margin-bottom: 110px;
		}
		.section-grey {
			padding: 40px 0 110px 0;
		}
		.navbar-inverse {
			background-color: #FFF;
		}
		.home {
			padding: 0 0 0 20px;
		}
		
		.logo {
			width: 130px;
			margin-left: -15px;
			height: auto;
			background-size: 75% auto;
            padding-bottom: 30px;
		}
		
		.nav>li>a {
			padding: 10px 8px;
		}
		
		.wrapper {
			margin-left: auto;
			margin-right: auto;
			padding-left: 15px;
			padding-right: 15px;
		}
		
		.sidebar {
			left: auto;
			margin-left: 0;
			margin-right: 0;
			padding-top: 95px;
		}
		
		.section-about {
			clear: both;	
		}
		
		.cover-frame {
			height: 400px;
            background-size: 100%!important;
		}
	}

@media (min-width: 768px) {
    .section-about, .section-history, .section-shop, .section-kitchen,
    .section-engros, .section-catering, .section-footer {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .navbar .navbar-nav {
        display: inline-block;
        float: none;
    }

    }
	
	@media (max-width: 767px) {
        h1.info-heading {
            margin-top: 15px;
        }
        .info-heading {
            margin: 10px 0;
        }
        .info-holder {
            padding: 0 15px;
        }
        dl {
            margin-bottom: 0;
        }
        .logo {
            padding-bottom: 20px;
        }
        section.section-about, section.section-history, section.section-shop, section.section-kitchen,
        section.section-engros, section.section-catering, section.section-footer {
            margin-top: 10px;
            margin-bottom: 40px;
        }
        .section-grey {
            padding: 10px 0 40px 0;
        }
        .navbar .container {
            padding: 0;
        }
        .container>.navbar-header, .container>.navbar-collapse {
             margin-right: 0;
             margin-left: 0;
        }
        .navbar-collapse {
             padding-right: 0;
             padding-left: 0;
        }
        .language.first {
            border-left: none;
        }
        .nav li.language {
            display: inline-block;
        }
		.wrapper {
			position: relative;
			width: 100%;
			height: auto;
			margin-right: auto;
			margin-left: auto;
			padding-bottom:30px;
			content: " ";
			display: table;
			background: url('../img/berggrenkveld1s.jpg') 35% 50% no-repeat;
			background-size: auto 100%;
		}
		
		.sidebar {
			margin-left: auto;
			margin-right: auto;
			padding-top: 70px;
			position: relative;	
		}
		
		.section-about {
			clear: both;	
		}

	}
	
	@media (max-width: 480px) {
        .cover-frame {
            background-size: 100%!important;
            height: 300px;
        }
        .cover-frame {
            height: 300px;
            background-size: auto 100%!important;
        }

		.info {
			background-color: rgba(13,103,149,.75);
		}
		.sidebar {
			padding-top: 50px;
			position: relative;	
		}
		.section-about {
			clear: both;	
		}

	}