.headers {  
	 
 background: #262626;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
	height:49px;
}

.headers.shrink {
	display: block;
	/*background-color:rgb(255,255,255);opacity:0.9;*/
	background: #262626;
	position: fixed;
	 top: 0;
    left: 0;
	right:0;
    width: 100%;
    height: 49px;
	 z-index: 1000; 
	-webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
	 -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
	transform: translateZ(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
-webkit-transform: translateZ(0);
-webkit-font-smoothing: antialiased;
}

.shrink {
	position: absolute;
	 top: 0;
    left: 0;
	right:0;
    width: 100%;
    height: 50px;
	 z-index: 1000; 
	-webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
	 -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
	transform: translateZ(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
-webkit-transform: translateZ(0);
-webkit-font-smoothing: antialiased;
}

.logo {
height:100px; 
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
transition: height 0.3s;}

.logo.small {
	margin: 4px 0px 2px 0px;
	display:block;
	height: 55px;
-webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
	transition: height 0.3s;}