.header-wrap{
	
	min-height:200px;
	
}
.header-wrap:hover{
	
	min-height:300px;

}


.nav-left{
	height:150px;
	width:72px;
	

}



/*need to move EACH step up from previous main css */
.nav-step1{
	top:114px;
	
	
}

.nav-step2{
	top:114px;
}


.nav-step3{
	top:114px;
}


.nav-step4{
	top:114px;
}


.nav-step5{
	top:114px;
}


.nav-step6{
	top:114px;
}


.nav-step7{
	top:114px;
}


.nav-resources{
	top:78px;
}


/**********************************
STEP 1 MENU STYLING
**********************************/

.step1{
	
	display:none;
}

/* On hover of the Step button show the links list */
.nav-step1:hover + .step1{

display:block;
top:150px;
padding-top:0px;

}
/* When the step button is being hovered we can now navigate onhover the links list */
.step1:hover{
display:block;
top:150px;
padding-top:0px;
}

/**********************************
STEP 2 MENU STYLING
**********************************/

.step2{
	
	display:none;
}

/* On hover of the Step button show the links list */
.nav-step2:hover + .step2{

display:block;
top:150px;
padding-top:0px;
}
/* When the step button is being hovered we can now navigate onhover the links list */
.step2:hover{
display:block;
top:150px;
padding-top:0px;

}

/**********************************
STEP 3 MENU STYLING
**********************************/

.step3{
	
	display:none;
}

/* On hover of the Step button show the links list */
.nav-step3:hover + .step3{

display:block;
top:150px;
padding-top:0px;

}
/* When the step button is being hovered we can now navigate onhover the links list */
.step3:hover{
display:block;
top:150px;
padding-top:0px;

}

/**********************************
STEP 4 MENU STYLING
**********************************/

.step4{
	
	display:none;
}

/* On hover of the Step button show the links list */
.nav-step4:hover + .step4{

display:block;
top:150px;
padding-top:0px;

}
/* When the step button is being hovered we can now navigate onhover the links list */
.step4:hover{
display:block;
top:150px;
padding-top:0px;

}

/**********************************
STEP 5 MENU STYLING
**********************************/

.step5{
	
	display:none;
}

/* On hover of the Step button show the links list */
.nav-step5:hover + .step5{

display:block;
top:150px;
padding-top:0px;

}
/* When the step button is being hovered we can now navigate onhover the links list */
.step5:hover{
display:block;
top:150px;
padding-top:0px;

}

/**********************************
STEP 6 MENU STYLING
**********************************/

.step6{
	
	display:none;
}

/* On hover of the Step button show the links list */
.nav-step6:hover + .step6{

display:block;
top:150px;
padding-top:0px;

}
/* When the step button is being hovered we can now navigate onhover the links list */
.step6:hover{
display:block;
top:150px;
padding-top:0px;
}

/**********************************
STEP 7 MENU STYLING
**********************************/

.step7{
	
	display:none;
}

/* On hover of the Step button show the links list */
.nav-step7:hover + .step7{

display:block;
top:150px;
padding-top:0px;

}
/* When the step button is being hovered we can now navigate onhover the links list */
.step7:hover{
display:block;
top:150px;
padding-top:0px;

}

/**********************************
STEP 8 RESOURCES MENU STYLING
**********************************/

.resources{
	
	display:none;
}

/* On hover of the Step button show the links list */
.nav-resources:hover + .resources{

display:block;
top:150px;
padding-top:0px;

}
/* When the step button is being hovered we can now navigate onhover the links list */
.resources:hover{
display:block;
top:150px;
padding-top:0px;

}