/* fonts */
@import url("../fonts/stylesheet.css");

h1{font-family: 'gidoleregular';font-size:43px;	line-height:auto; color:#ffffff; text-transform:uppercase; letter-spacing: 8px;}
h2{font-family: 'gidoleregular';font-size:23px;	line-height:auto; color:#4799ab; text-transform:uppercase; letter-spacing: 8px; padding-bottom: 25px;}
h3{font-family: 'gidoleregular';font-size:18px;	line-height:18px; color:#fff; text-transform:lowercase; letter-spacing: 3px;}
h4{font-family: 'arconregular';font-size:18px; background:#4799ab; 	line-height:18px; color:#fff; text-transform:none; letter-spacing: auto; padding: 5px;}
h5{font-family: 'gidoleregular';font-size:18px;	line-height:18px; color:#fff; text-transform:uppercase; letter-spacing: 3px;}

p{font-family: 'arconregular';font-size:15px; line-height:auto; color:#373737; text-transform:none; letter-spacing: auto;}
.contact-info p{color: #fff; font-family: 'gidoleregular'}
#contact p {color: #fff;}


mark{color:#4799ab; background: none;}

a, a:hover{font-family: 'arconregular';font-size:15px; line-height:auto; color:#373737; text-transform:none; letter-spacing: auto;}
a:hover{text-decoration: none;}

a{
color:#fff;}

header a:hover{
color:#4799ab;}

footer a:hover{
text-decoration: underline;}

/* algemeen */
header {
  width:100%;
  min-height:750px;
  background-image:url('../images/header_background.jpg');
  background-size:cover;
}

.blauw{
    background-color: #4799ab;
}

#contact {
  width:100%;
  background-image:url('../images/contact.jpg');
  background-size:cover;
}

header .container {
    padding-top:50px;
}


header img {
  width:100%;
}

header img.logo {
  width:193px;
  background: #4799ab;
padding: 10px;
}

section{
    padding:100px 0px ; 
}

.gray{
    background:#f5f6f7;
}
.contact-info{
    margin-top: 170px;
    float: left;
}

.tagline{
    padding-top: 80px;
}

footer{
padding-top: 5px;
}


a.ontdek{
    background-image:url(../images/ontdek_meer.png);
    font-family: 'gidoleregular';font-size:15px;	line-height:18px; color:#fff; text-transform:uppercase; letter-spacing: 3px;
    padding: 17px 55px 11px 20px;
    border: 0px;
}

a.promoties{
    background-image:url(../images/promoties.jpg);
    font-family: 'gidoleregular';font-size:15px;	line-height:18px; color:#fff; text-transform:uppercase; letter-spacing: 3px;
    padding: 17px 20px 11px 55px;
    border: 0px;
}

.btn-default.focus, .btn-default:focus{
  background-color: none;
  border-color: none;
}



/* navigatie */
.navbar-default{background-color:transparent; border-color:transparent;}
.navbar-default .navbar-nav li a{color: #fff;}
.navbar-default .navbar-nav>a, .navbar-default .navbar-nav>a:focus, .navbar-default .navbar-nav>a:hover {background-color:transparent;color: #fff;}
.nav>li>a {padding:0; }
.sidebar-nav .navbar li a{font-family: 'gidoleregular';font-size:18px;	line-height:18px; color:#fff; text-transform:uppercase; letter-spacing: 3px;}

.navbar-toggle{
  margin-top: 28px;
}

.navbar-nav {
  margin: 7.5px 0px;
}

.sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 3px;
  }


.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #fff;
    background-color: #4799ab;
    font-size: 18px;
    padding: 0.5em;
    display: none;
}

.back-to-top:hover {    
    background-color: rgba(135, 135, 135, 0.50);
    font-size: 18px
}

/* make sidebar nav vertical */ 
@media (min-width: 768px) {
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
  }
  .sidebar-nav .navbar ul:not {
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .contact-info{
    float: right;
}
}