body,html{
	height:100%;
	width:100%;
	background-color:#060606;
	}

.col-md-3, .col-sm-6{
	padding:10px;
}

.col-xs-6{
	padding:10px;
	
}

.algemenevoorwaarden{
	margin-top:10%;
	padding-left:5%;
	padding-right:5%;
}
	
.navbar{
  font-family: "Fjalla One", sans-serif !important;
	}
	
.navbar-custom,body{
	background-color:#060606;
	}

.navbar-brand{
	max-width:100px;
	}

.intro,body,html{
	width:100%
	}

.logotop{
	width:100%;
	}

.logoheader{
	width:40%;
	padding-top:130px;
	}
	
body{
	font-family:"Raleway", sans-serif;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	color:#fff;
	webkit-tap-highlight-color:rgba(255,255,255,.2)
	}

.btn,.navbar-custom,h1,h2,h3,h4,h5,h6{
	text-transform:uppercase;
	font-family:"Fjalla One", sans-serif;
	}

h1 {
 	font-size: 1rem;
  	font-family:Fjalla One;
	color:#D2D2D2;
	font-weight:500;
	text-transform: uppercase;
	}

h2{
	font-size:12px;
	font-family:Fjalla One;
	text-transform:uppercase;
	font-weight:500;
	}

h2::after{
	content:" ";
	border:solid 1px #FFF;
	display:block;
	width:40px;
	margin-top: 15px;
	}

h3{
	font-size: 30px;
  	font-family:Fjalla One;
	color:#D2D2D2;
	font-weight:700;
	text-transform: uppercase;
	padding-bottom:20px;
	}

h4{
	color:#FFFFFF;
	font-size:20px;
	font-family: Fjalla One;
	text-transform:uppercase;
	margin-top:-30px;
}

.red{
	color:#a61e22;
}

h5{
	font-size:1.8rem;
	font-family:Fjalla One;
	text-transform:uppercase;
	font-weight:500;
	}

p{
	margin:0 0 25px;
	font-size:13px !important;
	line-height:1.5;
	}


a{
	color:#FFF;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
	}

a:focus,a:hover{
	text-decoration:none;
	color:#a61e22;
	}

.light{
	font-weight:400
	}

.navbar-custom{
	margin-bottom:0;
	border-bottom:1px solid rgba(255,255,255,.3);
	text-align:center;
	width:100%;
	}
	
.navbar-custom .navbar-toggle{
	color:#fff;
	font-size:12px;
	}
	
.navbar-custom .nav li a:active,.navbar-custom .nav li a:focus,.navbar-custom .nav li a:hover{
	background-color:transparent;
	outline:0
	}

.navbar-custom .navbar-toggle:active,.navbar-custom .navbar-toggle:focus{
	outline:0;
	}

.navbar-custom .navbar-brand{
	font-weight:700;
	}

.navbar-custom .navbar-brand:focus{
	outline:0
	}
		
.navbar-custom a{
	color:#fff;

}
.navbar-custom .nav li a{
	-webkit-transition:background .3s ease-in-out;
	-moz-transition:background .3s ease-in-out;
	transition:background .3s ease-in-out;
	font-size:12px;
	}
	
.navbar-custom .nav li a:hover{
	color:rgba(255,255,255,.8)
	}

.navbar-custom .nav li.active{
	outline:0
	}
	
.navbar-custom .nav li.active a:hover{
	color:#fff;
	}

/*intro*/
.intro{
	display:table;
	height:auto;
	padding:100px 0;
	text-align:center;
	color:#fff;
	background:url(../img/banner.jpg) bottom center no-repeat #000;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	-o-background-size:cover
	}

.intro .intro-body{
	display:table-cell;
	vertical-align:middle
	}

.intro .intro-body .brand-heading{
	font-size:20px;
	padding-top:40px;
	margin-left:13%;
	margin-right:13%;
	}

/*news*/

#news{
	padding-top:50px;
	padding-bottom:70px;
}

.newstext{
	text-align:center;	
}

.newscenter{
	text-align:center;
	font-weight:400;
 	 font-family: "Fjalla One", sans-serif !important;
}

/*assortiment*/
#assortiment{
	padding-top:50px;	
	}
	
.assortiment{
	background-image:url(../img/assortiment.jpg);
	min-height:550px;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	}

.assortimenttext{
	padding-left:50px;
	}

/*geschenken*/
#geschenken{
	padding-bottom:50px;
	padding-top:30px;	
	}
	
	
.geschenken{
	background-image:url(../img/geschenken.jpg);
	min-height:400px;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	}

.btn-circle{
	width:70px;
	height:70px;
	margin-top:10px;
	padding:7px 16px;
	border:2px solid #fff;
	border-radius:100%!important;
	font-size:40px !important;
	color:#fff;
	background:0 0;
	-webkit-transition:background .3s ease-in-out;
	-moz-transition:background .3s ease-in-out;
	transition:background .3s ease-in-out
	}

.btn-circle:focus,.btn-circle:hover{
	outline:0;color:#fff;
	background:rgba(255,255,255,.1)
	}

.btn-circle i.animated{
	-webkit-transition-property:-webkit-transform;
	-webkit-transition-duration:1s;
	-moz-transition-property:-moz-transform;
	-moz-transition-duration:1s
	}

.btn-circle:hover i.animated{
	-webkit-animation-name:pulse;
	-moz-animation-name:pulse;
	-webkit-animation-duration:1.5s;
	-moz-animation-duration:1.5s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	-moz-animation-timing-function:linear
	}

.content-section{
	}


/*wijnbar*/
#wijnbar{
	padding-top:50px;
	}
	
.wijnbar{
	background-image:url(../img/wijnbar.jpg);
	min-height:500px;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	}

#wijnclub{
	padding-top:50px;
	padding-bottom:50px;
	}

.wijnclub{
	background-image:url(../img/wijnclub.jpg);
	min-height:500px;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	}

.wijnclubtext{
	padding-left:50px;
	}
	
/*degustaties*/	
.degustatiestext{
	padding-left:55%;
	text-align:left;
	}

.degustaties-section{
	width:100%;
	padding:50px 0;
	color:#fff;
	background:url(../img/degustaties.jpg) center center no-repeat #000;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	-o-background-size:cover;
	}

/*overons*/
#contact{
	padding-top:50px;		
	}
	
.overonstext{
	padding-left:55%;
	text-align:left;
	}

.overons-section{
	width:100%;
	padding:50px 0;
	color:#fff;
	background:url(../img/overons.jpg) center center no-repeat #000;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	-o-background-size:cover;
	}
	
/*map*/	
#kaart {
        height:400px;
        width:550px !important;
    }
	
.gm-style-iw *{
        display: block;
        width: 100%;
	}

.gm-style-iw h4, .gm-style-iw p {
        margin: 0;
        padding: 0;
    }

.gm-style-iw a {
        color: #4272db;
    }

/*contacttext*/
.social-icons img{
	width:5%;
	align-content:right;
	}
	
.btn{
	font-size:12px;
	font-weight:400;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

.btn-default{
	border:1px solid #a61e22;
	background-color:#a61e22;
	color:#FFF;
	}

.btn-default:focus,.btn-default:hover{
	border:1px solid #000;
	outline:0;
	background-color:#a61e22;
	color:#FFF; 

	}
	
ul.banner-social-buttons{
	margin-top:0;
	}

footer{
	padding:20px 0;
	}

footer p{
	margin:0
	}

.footerright{
	text-align:right;
	padding-right:3%;
	}
	
::-moz-selection{
		text-shadow:none;
		background:#fcfcfc;
		background:rgba(255,255,255,.2)
		}

::selection{
	text-shadow:none;
	background:#fcfcfc;
	background:rgba(255,255,255,.2)
	}

img::selection{
	background:0 0
	}

img::-moz-selection{background:0 0
	}

@media (min-width:767px){
#kaart{
	height:400px;
	width:500px;
	}
	}

@media (max-width:767px){
#assortiment{
	padding-top:20px;
	padding-bottom:20px;
	}
	
#wijnbar{
	padding-top:20px;
	padding-bottom:20px;
	}	

#wijnclub{
	padding-top:10px;
	padding-bottom:30px;
	}
	
#news{
	padding-top:10px;
	padding-bottom:30px;	
	}

#contact{
	padding-top:20px;
	padding-bottom:20px;
	}
	
	
.newstext{
	padding-left:10%;
	padding-right:10%;
	text-align:center;
	}	
	
.geschenkentext{
	padding-top:-8%;
	padding-left:10%;
	padding-right:10%;
	}

	.assortimenttext{
		padding-right:10%;
	}
	
.wijnbartext{
	padding-left:10%;
	padding-right:10%;
	}

.newstext{
	padding-left:10%;
	padding-right:10%;
	text-align:center;
	}
.overonstext{
	padding-left:5%;
	padding-right:5%;
	}

.degustatiestext{
	padding-left:5%;
	padding-right:5%; 
	}

.contacttext{
	margin-left:5%;
	margin-right:5%;
	}

.wijnclubtext{
		padding-right:10%;
		
	}
	
#kaart {
	margin-left:5%;
    height:400px;
    width:350px !important;
    }
	
ul.banner-social-buttons li{
	display:block;
	margin-bottom:20px;
	padding:0;
	}

ul.banner-social-buttons li:last-child{
	margin-bottom:0;
	}
	
	}

@media (max-width:1199px){
ul.banner-social-buttons{
	margin-top:15px
	}

.navbar-brand{
	max-width:100px;
	}

.logotop{
	width:90%;
	}
	}

	
@media (min-width:768px){
p{
	margin:0 0 35px;
	font-size:20px;line-height:1.6
	}
	
.intro{
	height:100%;
	padding:0
	}
		
.intro .intro-body .brand-heading{
	font-size:30px;
	padding-top:60px;
	}
	
.intro .intro-body .intro-text{
	font-size:26px
	}
	
	.navbar-custom{
	-webkit-transition:background .5s ease-in-out,padding .5s ease-in-out !important;
	-moz-transition:background .5s ease-in-out,padding .5s ease-in-out !important;
	transition:background .5s ease-in-out,padding .5s ease-in-out !important
	}
}

	
	@media (min-width:990px){
.navbar-custom{
	padding:20px 0;
	border-bottom:none;
	letter-spacing:1px;
	background:0 0;
	-webkit-transition:background .5s ease-in-out,padding .5s ease-in-out !important;
	-moz-transition:background .5s ease-in-out,padding .5s ease-in-out !important;
	transition:background .5s ease-in-out,padding .5s ease-in-out !important
	}
	
.navbar-custom.top-nav-collapse{
	padding:0;
	background:#000;
	border-bottom:1px solid rgba(255,255,255,.3);
	}
}



@-moz-keyframes pulse{
0%,100%{-moz-transform:scale(1);
	transform:scale(1)
	}

50%{-moz-transform:scale(1.2);
	transform:scale(1.2)
	}
	}

@-webkit-keyframes pulse{
0%,100%{
	-webkit-transform:scale(1);
	transform:scale(1)
	}

50%{
	-webkit-transform:scale(1.2);
	transform:scale(1.2)
	}
}