footer {
margin: 18px;
width:80%;
}


 .main-navigation .menu li{
   margin-left:0;
   z-index:99;
}

 @media screen and (min-width: 768px) {
    .res-iconify-inner, .res-iconify.no-menu.res-iconify-inner {
        display: inline-block;
        position: absolute;
        top: 7px;
        right: -4px;
        font-weight: 700;
        line-height: 1;
    }
}
 

 .main-navigation .menu li > a:hover {
                color: #3f3f3f;
                background-color: #ff7171;
                margin-left:0 ;
                transform: skew(-0deg, 0);
            }

 .main-navigation .menu li > a:active{
                color: #3f3f3f;
                background-color: #00ff00;
transform: skew(-0deg, 0);
            }

.main-navigation .menu .sub-menu  {
		/*  background-color: #0f0 !important; 
                margin-left: 75px;  
                transform: skew(25 0;) */
	}

.menubluedark {
display: block;
background-color : #8adde6;
transform: skew(-25deg, 0);
}
.menubluedark a {
display: block;
transform: skew(25deg, 0);  
 }

.menulilladark {
display: block;
background-color :#d399ff;
transform: skew(-25deg, 0);
}

.menulilladark a {
display: block;
transform: skew(25deg, 0);  
 } 

.menugreen {
background-color : #c7e673;
transform: skewX(-25deg);
	}
.menugreen a {
display: block;
transform: skew(25deg, 0);  
 } 

.menublue {
background-color :  #99D8FF; 
transform: skewX(-25deg);
	}
.menublue a {
display: block;
transform: skew(25deg, 0);  
 } 

.menugul{
background-color :  #FFF59A;
transform: skew(-25deg, 0);
	}
.menugul a {
display: block;
transform: skew(25deg, 0);  
 } 

.menugreendark {
background-color : #c1e65c;
transform: skew(-25deg, 0);
	}
.menugreendark a {
display: block;
transform: skew(25deg, 0);  
 } 

.menudarkgultop {
background-color :#DFE300;
width:130px;
transform: skew(-25deg, 0);
}

.menudarkgul {
background-color :#DFE300;
}

.menudarkgultop a {
display: block;
transform: skew(25deg, 0);  
 } 

.menulilla {
background-color : #FF8CEE;
transform: skew(-25deg, 0);
}

.menulilla a {
display: block;
transform: skew(25deg, 0);  
 } 


.menuskraa {
transform: skew(-25deg, 0); 
}

.menuskraa a {
display: block;
transform: skew(25deg, 0);  
}