header 
{
   width: 100%;
   padding: 30px 0;
	background-color: #d6cb32;
   border-bottom: 1px solid #fff;
   z-index: 9999;
}

.logo-image-small
{ 
  	width: 20%;
  	/* height: 80px; */
}

.main-header-small
{
	/* position: inherit;  */
	z-index: -1;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px; 
	width: 130px;
	text-align: left;
	background-color: #d6cb32;
	/* height: 40px; */
	color:white;	
/* 	-webkit-transition: all 1.0s;
  -moz-transition: all 1.0s;
  -ms-transition: all 1.0s;
  -o-transition: all 1.0s;
 	transition: all 1.0s;    */
	-webkit-transition: height 3.5s ease-in-out;
  	-moz-transition: height 3.5s ease-in-out;
  	-ms-transition: height 3.5s ease-in-out;
  	-o-transition: height 3.5s ease-in-out;
 	transition: all 3.0s ease-in-out; 	 
}

/* @keyframes header-shrink {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(0, -400px, 0);
	}
}


@-webkit-keyframes header-shrink {
 	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(0, -400px, 0);
	}
}

@-ms-keyframes header-shrink {
 	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(0, -400px, 0);
	}
}

.header-mf 
{
  	animation: 3s ease-out 0s 1 forwards header-shrink ;
} */