#mainNav{
	bottom : 35px;
	position : absolute;
	height : 150px;
	margin : 0 auto;
	left : 0px;
	right : 0px;
	text-align : center;
	border-top : 2px solid rgba(210,210,210,0.8);
	background-color : rgba(0,0,0,0.5);
	z-index : 9;
	color : rgb(210,210,210);

}
#mainNav .buttonContent{
	position : relative;
	margin : 0 auto;
	height : 100%;
	overflow : hidden;
}
#mainNav .dyn img{
	max-width : 100px;
}
#mainNav .buttonContent button {
	text-align : center;
	width : 150px;
	vertical-align : top;
}
#mainNav .buttonContent button:hover .dyn {
	top : -150px;
}

#mainNav .buttonContent button .dyn{
	position : relative;
	text-align : center;
	top : 0px;
	transition : top 0.3s ease-out;
}
#mainNav .buttonContent .dyn div{
	height : 150px;
	margin : 0px;
	padding : 0px;
	line-height : 150px;
}


@media only screen and (max-width : 1600px){
	#mainNav .buttonContent button{
		width : 6rem;
	}
	#mainNav{
		height : 6rem;
	}
	#mainNav .buttonContent button:hover .dyn {
		top : -6rem;
	}
	#mainNav .buttonContent .dyn div{
		height : 6rem;
		line-height : 6rem;
	}
	#mainNav .dyn img{
		max-width : 60px;
	}
}
@media only screen and (max-width : 1200px){
	#mainNav .buttonContent button{
        width : 60px;
	}
	#mainNav{
		height : 4rem;
        bottom : 23px;
        bottom : 0px;
	}
	#mainNav .buttonContent button:hover .dyn {
		top : -4rem;
	}
	#mainNav .buttonContent .dyn div{
		height : 4rem;
        line-height : 4rem;
        font-size : 10px;
	}   
	#mainNav .dyn img{
		max-width : 30px;
}
}