::-webkit-scrollbar {
    width: 10px;
} 
::-webkit-scrollbar-thumb {
    color: white;
    background-color: white;
}
html{
	height: 100%;
	width: 100%;
	overflow: hidden;
	}

body{
	scrollbar-face-color: white;
		height: 100%;
	width: 100%;
	overflow: hidden;
}

h1{
	font-size: 46px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
	margin: 0;
	padding: 0;
}

h3{
	color: #E63984;
	font-size: 32px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 500;
	line-height: 1.1;
	margin: 0;
	padding: 0;
}

h4{
	margin: 0;
}

p{
	font-size: 18px;
}

#bg { 
    position: fixed;
    z-index: -2; 
    top: 0;
}

@media screen and (max-width: 767px) {
#gbg {
	position: fixed; 
  top: 0; 
  left: 0; 
  z-index:-1;
  /* Preserve aspet ratio */
/*   min-width: 100%; */
  height: 100%;
}
}
#gbg {
	position: fixed; 
  top: 0; 
  left: 0; 
  z-index:-1;
  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;
}

.container{
	margin: 0;
	padding: 0;
}

.row{
	margin: 0;
	padding: 0;
}

.overflow-helper{
	 position: fixed; 
	 bottom: 50px;
	 top: 150px;
	 width: inherit;
	 overflow-y: scroll;
}

.content{
 	background: rgb(0, 0, 0) transparent;
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	width: 100%;
	position: fixed;
	color: white;
	bottom: 50px;
	top: 150px;
}

p{
	color: white;
	font-size: 18px;
	font-family: 'Source Sans Pro', sans-serif;
}

a{
	font-family: 'Source Sans Pro', sans-serif;
	color: white;
	font-size: 18px;
}

a:hover{
	color: white;
	text-decoration: none;
}
.in{
	 	background: rgb(0, 0, 0) transparent;
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.8);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}



.navbar-default {
	background: none;
	border-width: 0px;
}

.navbar-fixed-top{
	  height: 150px;
	  
}

.navbar-fixed-bottom{
	height: 20px;
}

.navbar-center{
/* 	display: block; */
}


.fullwidth{
	width: 100%;
}

.navbar-nav>li>a{
	font-size: 20px;
	padding-top: 105px;
	padding-bottom: 0px;
	text-align: center;
}

.in >.navbar-nav>li>a{
	padding-top: 10px;
	text-align: left;
}

.navbar-default .navbar-nav > li > a {
    color: white;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: white;
    background-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: white;
    background-color: transparent;
    font-weight: bold;
}
a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: white;
    background-color: transparent;
}

.navbar-brand{
	position: absolute;
	top: 29px;
}

.fix-right>li>a{
	margin-right: 20px;
}

/* metten */
.metten-title{
	padding-top: 120px;
}

/* vita */
.title-row{
	padding: 0;
	padding-bottom: 30px;
}

.text-row{
	padding-right: 10px;
}

.contact > h4, .contact > p, .contact > p > a, .contact > p >a:hover{
	color: black;
}

.contact > p, .contact > p > a, .contact > p >a:hover{
	color: black;
	font-family: 'Source Sans Pro', sans-serif;
}

#navigation>li>a.gal-nav{
	margin-top: 80px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 70px;
	float: left;
	background-color: #E63784;
}

#navigation>li>a.gal-nav:hover{
	font-weight: normal;
	cursor: pointer;
	
	background-color: #811042;
}

#navigation>li>a.page-nav{
	float: left;
	margin-top: 80px;
	padding-top: 10px;
	padding-bottom: 2px;
	border-left: 1px solid white;
	background-color: #AE1D5D;
	width: 50px;
}

#navigation>li>a.page-nav:hover{
	font-weight: normal;
	cursor: default;
}


#navigation>li>a.close-nav{
	float: left;
	margin-top: 80px;
	padding-top: 11px;
	padding-bottom: 11px;
	font-size: 30px;
	width: 50px;
	border-left: 1px solid white;
	background-color: #811042;
	cursor: pointer;
}

#navigation>li>a.close-nav:hover{
	font-weight: normal;
	cursor: pointer;
	font-weight: bold;
	background-color: #811042;
}

.fixed{
	position: fixed;
	width: 300px;
	top: 0;
	right: 0;
}

.gallery-thumb{
	width: 100%;
	height: 100%;
}

.col-gallery{
	margin-top: 50px;
}

.nav>li {
    position: relative;
    display: block;
    height: 50px;
}
@media screen and (max-width: 767px) {
.navbar-nav>li>a {
    font-size: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
}
}