﻿/*=============================================================
    Authour URI: www.binarytheme.com
    License: Commons Attribution 3.0

    http://creativecommons.org/licenses/by/3.0/

    100% To use For Personal And Commercial Use.
    IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US
   
    ========================================================  */



/*=======================================
    GENERAL STYLES
==================================================*/
body {
          font-family:'Open Sans', sans-serif;
    font-size:16px;
  /*background-color:#9B60DB; */
}
div.background{
	background-image: url("../images/Logo_digitaal_kinderkledingclub_americantypewriting_1024x1024.png");
	background-repeat: no-repeat;
	background-position: center top; 
	background-size: contain;
	position:fixed;
	opacity: 0.05;
	height: 1024px;
	width: 100%;
	margin-top: 30px;
}


.nav a {
    color:#ffffff;
}

.navbar-toggle{
	background-color:#333;
}

.navbar-header a {
    /*color:#ffffff; */
    padding-right:100px;
	}
	
.navbar-inverse .navbar-nav > li > a {
	color:#000
}

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

.text-center {
    text-align:center;
}

h1, h2, h3, h4, h5, h6 {
    font-family:'Open Sans', sans-serif;
}

h1 {
    line-height:80px;
    font-weight:900;
    font-size:60px;
    padding:30px 20px 10px 20px;
}
h2 {
    line-height:40px;
    font-weight:900;
    font-size:30px;
     padding:20px 20px 10px 20px;
     text-transform:uppercase;
}
h3 {
    line-height:30px;
    padding-bottom:20px;
}
h4 {
    line-height:40px;
    padding-bottom:15px;
}

p {
    font-weight:300;
    line-height:30px;
    padding-bottom:20px;
}

.space-free {
    height:100px;
}


section {
/*     padding-top:50px;
    padding-bottom:30px; */
}



	.fotocollage  .col-md-4 {
	  width:325px; 
	  height:210px; 
	  position:relative;
	  overflow:hidden;
	} 

	.fotocollage  .col-md-6 {
	  width:487px; 
	  height:275px; 
	  position:relative;
	  overflow:hidden;
	}

	.fotocollage  div  img{
	  position:absolute; 
	  top:0; 
	  bottom:0; 
	  margin: auto;
	  width:100%;
	}

	.fotocollagevertikaal div{
	  height:400px; 
	  position:relative;
	  overflow:hidden;
	}

	.fotocollagevertikaal div img{
	  position:absolute; 
	  top:0; 
	  bottom:0; 
	  margin: auto;
	  height:100%;
	}
@media (max-width: 480px){
	.fotocollage  .col-xs-12{
	  width:375px; 
	  height:235px; 
	  position:relative;
	  overflow:hidden;
	} 

	.fotocollagevertikaal div{
	  height:230px; 
	  position:relative;
	  overflow:hidden;
	}

}


/*=======================================
    COLOR CODES
==================================================*/
.color-white {
   background-color:#fff!important;
}
.color-dark {
   background-color:#696969!important;
}

.color-light {
   background-color:#E9E9E9!important;
}

/*=======================================
    HEADER STYLES
==================================================*/
.head-main {
    font-size:80px !important;
    font-weight:900!important;
    color:#fff!important;
    padding:150px 20px 10px 20px;
}
.head-sub-main {
    font-size:40px !important;
    font-weight:600!important;
    color:#fff!important;
    padding:5px 20px 150px 20px;
}


/*=======================================
    NAVIGATION STYLES
==================================================*/


nav {
	position: absolute;
	width: 100%;
    background: #fff;
    z-index:99;
}
.fixed {
	position: fixed; 
	top: 0; 
	min-height: 50px; 
	z-index: 99;
}

.navbar-inverse {
background-color: #fff;
border-color: #000000;
min-height: 50px;
padding-top: 10px;
font-size: 18px;
}
.navbar-brand {

font-size: 30px;
}

/*=======================================
    WORK FLOW STYLES
==================================================*/


.work-div {
	width: 100%;
	border: 0;
    padding:20px;
    margin-bottom:30px;
}
/*=======================================
    CONTACT STYLES
==================================================*/

#social-icon a {
    color:#616161!important;
    margin-right:10px;
}
.contact-cls {
    font-size:20px;
    line-height:40px;
}
.cnt {
width: 100%;
min-height: 350px;
border: 1px solid #e1e1e1;
}
/*=======================================
    FOOTER STYLES
==================================================*/


#footer {
    background-color:#000;
    color:#fff;
    padding:20px 50px 20px 50px;
    text-align:right;
}