.menu-navigation-icons {
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-size:0;
    padding-top:12%;
}

.menu-navigation-icons a {
    display: inline-block;
    color: #ffffff;
    font-size: 50px;
    font-weight: bold;
    box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    width: 12%;
    height: 150px;
    border-radius: 15px;
    background: #73AD21;
    padding: 10px; 
    border-top-style:outset;
     margin: 2px;
    
}


.menu-navigation-icons a:hover{
    opacity:0.92;
  
}

.menu-navigation-icons a i {
    display: block;
    line-height: 2;
     
}

.menu-navigation-icons a span {
    display: block;
    font-size: 0.25em;
    font-weight: bold;
    line-height: 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color:#1d151b;
}

/* Menu colors */






.menu-navigation-icons a.menu-magenta	{ background-color: #c9328db3; }
.menu-navigation-icons a.menu-magenta i { color: #1d151b; }



.menu-navigation-icons a.menu-blue		{ background-color: #98cfe7cc; }
.menu-navigation-icons a.menu-blue i	{ color: #1d151b; }

.menu-navigation-icons a.menu-green		{ background-color: #8ccc7ab3; }
.menu-navigation-icons a.menu-green i	{ color: #1d151b; }

.menu-navigation-icons a.menu-yellow	{ background-color: #849321CC; }
.menu-navigation-icons a.menu-yellow i	{ color: #1d151b; }

.menu-navigation-icons a.menu-red 		{ background-color: #f26262cc; }
.menu-navigation-icons a.menu-red i		{ color: #1d151b; }

.menu-navigation-icons a.menu-golden 		{ background-color: #e2bf714d; }
.menu-navigation-icons a.menu-golden i		{ color: #1d151b; }

.menu-navigation-icons a.menu-orange 		{ background-color: #f28c10b3; }
.menu-navigation-icons a.menu-orange i		{ color: #1d151b; }
/* Make this page responsive */

.slicknav_menu {
    display:none;
}

@media (max-width: 800px) {
    .menu-navigation-icons{
        display:none;
    }

    .slicknav_nav a i {
        display: none;
    }

    .slicknav_menu {
        display:block;
    }
}
