@import url(bootstrap.min.css);
@import url(bootstrap-theme.min.css);

html {
	position: relative;
	min-height: 100%;
}


p {
	font-family: 'Roboto', sans-serif;
	text-align:justify;
}

h1 {
    text-align: left;
    color:#7e065d !important;
    font-size:45px !important;
   
}

h2 {

	color:#e3a91d !important;
}

.customHr {
    width: 100%;
    font-size: 1px;
    color: #7e065d;
    line-height: 1px;
    background-color: #7e065d;

}

.header {
	height: 120px;
	width: 100%;
	background: #f7f1d4;
	position: fixed;
	top: 0px;
	border: none;
}


.nav1 {
	background: #f7f1d4;
	border: none;
	height: 120px;
}

.logo {
	max-width: 100%;
	max-height: 100%;
}

.navbar-brand {
	height: 130px;
	padding-top: 10px;
}

.kleinmenu {
	border: none; 
	background: #f7f1d4;
	font-size:200%;

}

.suusfoto {
	max-width: 100%;
    max-height: 100%;
    float: right;
    float: top;
    margin: 10px;
    padding-left:5vw;
}

.pad {
    padding: 0;
}

.kleurknop {
    background:#a0a0a0;
    border-color:#a0a0a0 ;
}

.kleurknop:hover {
    background:#606060;
    border-color:#606060 ;
}

.page-scroll {
    color: #7e065d !important;
}

.page-scroll:hover {
    color: #606060 !important;
}

.map {
        min-width: 300px;
        min-height: 300px;
        width: 100%;
        height: 100%;
}




/********************************/
/*          Carousel            */
/********************************/
.fade-carousel {
    position: relative;
    height: 60vh;
}
.fade-carousel .carousel-inner .item {
    height: 60vh;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #ffffff;
    border-color: #ffffff;
    opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}


/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 50vh;
    z-index: 2;
    background-color: #080d15;

}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
  height: 50vh;
 
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  background-image: url(img/drie.jpg); 
}
.fade-carousel .slides .slide-2 {
  background-image: url(img/twee.jpg);
}
.fade-carousel .slides .slide-3 {
  background-image: url(img/een.jpg);
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 4em; }    
}

@media (max-width: 770px) {
  .grootmenu {}
}

@media (min-width: 771px) {
 .grootmenu {
   position: absolute; 
    right:0;
    bottom:0;
   font-size: 2.2vw;
   margin-right:20px;
   
}
}


/* Hamburger */
@media (max-width: 860px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}