@media screen and (min-width: 768px) { 

ul.link-list li {height: 48px; margin-top: 9px; border: 3px solid #003366; border-radius: 6px; box-shadow: 0px 4px 8px silver; background-color: #003366; transition: background-color .3s ease, box-shadow .3s ease;}
ul.link-list li:active {color: white; background-color: midnightblue; box-shadow: none;} 
ul.link-list li:after {background: none !important;} 
ul.link-list li img {display: none;}
ul.link-list li a {position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; padding: 0.9em 0.2em; text-decoration: none; color: white; white-space: nowrap; overflow: hidden; transition: color .3s ease, background-color .3s ease;} 
ul.link-list li a:link {background-color: transparent;}
ul.link-list li a:active {background-color: transparent;}
ul.link-list li a:visited {background-color: transparent;}

@media not all and (pointer: coarse) { 
ul.link-list li:hover {background-color: rgb(232, 234, 242); box-shadow: 0px 4px 8px gray; } 
ul.link-list li:hover a {color: #003366; background-color: transparent;}
} 

} 

@media screen and (max-width: 1024px) { 
ul.link-list li a {font-size: small; padding-top: 1.2em;} 
}