.stickynav{


    position: fixed;


    top: 0;


    z-index:1;


}





.container {


	position: relative;


	width: 20%;


	float: left;


}





.background-block {


	display: block;


  	width: 100%;


  	height: 12%;


  	background-color: #888888;


}





.over-block {


  	position: absolute;


  	bottom: 0%;


  	left: 0;


  	right: 0;


  	background-color: #AAAAAA;


  	overflow: hidden;


  	width: 100%;


  	height: 100%;


  	transition: .4s ease;


  	border-radius: 0px;


}





.container:hover .over-block {


  	bottom: 4%;


  	height: 92%;


  	width: 96%;


  	left: 2%;


  	border-radius: 8px;


}





.nav-text {


  	color: black;


  	font-weight: bold;


  	font-size: 18px;


  	font-family: "Open Sans";


  	position: relative;


  	top: 12%;


  	text-align: center;


    transition: .3s ease;


}





.container:hover .nav-text {


	top: -4%;


  	color: #E8E8E8;


  	font-size: 24px;


}