ul li {
    position: relative;

}

ul ul {
    position: relative;
    top: 1em;
    left: 0;

 overflow:hidden;
    max-height:0;
    -webkit-transition:max-height 500ms ease;
    -moz-transition:max-height 500ms ease;
    -o-transition:max-height 500ms ease;
    transition:max-height 500ms ease;

}

ul > li:hover  ul {
    display: block;
  position: relative;
 padding: 0px 0px 45px;
 max-height:500px;
}

@media (hover: none) {
  a:hover { display: inherit; }
}


    }




ul.overlay-nav-menu {
		text-transform: uppercase;
		font-weight: 400;
		list-style-type: none;
		margin-left: 0;
		font-size: rem-calc(30px);



		@include breakpoint('medium') {
			font-size: rem-calc(36px);
		}