#header{
    top: 0px;
    width:100%;
    height: 150px;
    transition: height 0.3s linear 0s, padding 0.3s linear 0s;
}

h1{color:#56AF6D;
	font-weight: bold;
	padding-top: 57px;
	margin-top: 57px;
}

h2{
	margin-top: 3%;
	margin-bottom: 3%;

}
h3{
    color:white;
}
#firsth1{
    padding-top: 60px;
    margin-top: 60px;

}

.nav a{
display: block ;
text-align:center ;
width:150px ; /* fixed width */
text-decoration:none ;
font-weight: bold ;
}
.navbar-inverse{
	opacity:0.9;
}
.navbar-header a{
	color:#56AF6D !important;
}

.glyphicon-triangle-bottom{
             margin-top:5%;
}


@-webkit-keyframes bounce {
    0%, 20%, 60%, 100%  { -webkit-transform: translateY(0); }
    40%  { -webkit-transform: translateY(-20px); }
    80% { -webkit-transform: translateY(-10px); }
}



.panel a img{
    padding:30px 30px 0px 0px;
    display:inline-block;
}


#z_intro{
	 width: 100%;
    display: table;
    max-height: 90vh;
    min-height: 90vh;
	font-family: 'Pacifico', cursive;
	font-size: 1.8em;

}


#z_intro span{
	 display: table-cell;
    vertical-align: middle;
}


#z_intro a, a:link, a:hover, a:active{
 text-decoration: none;
 color: inherit; 
    
}

#z_intro a{
    width: 40px;
    height: 40px;
    line-height: 40px;
    -webkit-animation: bounce 4s infinite ease-in-out;
}
.tab-panels ul {
    margin: 0;
    padding: 0;
}
.tab-panels ul li {
    list-style-type: none;
    display: inline-block;
    background: #999;
    margin: 0;
    padding: 3px 10px;
    border-radius: 10px 10px 0 0;
    color: #fff;
    font-weight: 200;
    cursor: pointer;

}
.tab-panels ul li:hover {
    color: #fff;
    background: #666;
}

.tab-panels ul li.active {
    color: #fff;
    background: #666;
}

.tab-panels .panel {
    display:none;
    background: #565656;
    border-radius: 0 0 10px 10px;
}

.tab-panels .panel.active {
    display:block;	
}


.grid .col-md-4{
	border: 3px solid black;
	border-radius: 5px;
}

/*
body
{	

	 overflow-x: hidden; 
	text-align: center;
	color: #F4F0F0;
	background: #242C22;
	background: grey;
}
*/

.carousel-control{
	padding-top: 3%;

}


.bloc-gallery-2 h3 {margin-left:5%;}
.bloc-gallery-4 h3 {margin-left:5%;}
.bloc-gallery-6 .row {margin-left: 10%;}

.carousel-caption h3{
	text-align: center;
}

.navbar-brand{
    font-size: 2.5vw;
    font-family: 'Dancing Script', cursive; 
}
  /*-- change navbar dropdown color --*/
  .navbar-inverse .navbar-nav .open .dropdown-menu>li,.navbar-inverse .navbar-nav .open .dropdown-menu {
    color:grey;
    tab-size: 1;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a,.navbar-inverse .navbar-nav .open .dropdown-menu {
color:#56AF6D;
text-align: center;
transition: all 0.1s ease 0s;
}



.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
color: #56AF6D; 
font-weight: bold;
transform: scale(1.1);
}

.navbar-inverse .navbar-nav .open .dropdown-menu >li>a:hover{
	transform: scale(1.1);
}
.navbar-inverse .navbar-nav > li > a{
transition: all 0.1s ease 0s;
}





.row img:hover{
	transform: scale(1.1);
}
.row img{
	transition: all 0.3s ease 0s;
}
.default{
color: #56AF6D !important; 
font-weight: bold !important;
transform: scale(1.1) !important;
}



.item img{
     margin-left: auto;
    margin-right: auto;
}

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
        text-align: center;
    color: #6E6E6E;
    /*background: #242C22;*/
    background: #F5F5F5;
}


.navbar-collapse ul{
 font-size: 1em !important;
}
@media (max-height: 300px) {
header{display:none;}
}

@media (max-width: 1070px) {


    .navbar-collapse{
       background: grey;
        overflow-y: auto;
    }
    body{
        font-size: 1.3em;
    }


#z_intro{
	font-size:1.3em;
}  
.row div {
	margin:10px;
}

.glyphicon-triangle-bottom{
             margin-top:3%;
}

.navbar-brand{
    font-size: 3.5vw; 
}
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
        color: black;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }

 }
 
 @media (min-width: 768px){
.navbar-right .dropdown-menu {
     left: 0;

}
}