nav [role=navigation] {
background-color: red;
}

nav > ul {
color : #fff;
font-size : 12pt; 
font-family: palatino, Georgia, "Times New Roman", Times, serif;
font-weight: ;
text-align: center;
list-style:none;
line-height : 14pt;
margin: 0;
padding: 0;
display: none;
}
nav > ul li {
display:block;
}
nav > ul li a {
display:block;
min-width:140px;
padding: 0;
text-align: center;
color: #fff;
background: ;
text-decoration: none;
}

li:hover a {
background: #;
}
/* Display 'show menu' link*/
.show-menu {
display:block;
}

.show-menu {
text-decoration: none;
color: #fff;
background: 801620;
text-align: center;
padding: 10px;
font-size : 20pt; 
font-family: palatino, Georgia, "Times New Roman", Times, serif;
font-weight: bold;
}

input[type=checkbox]{
display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ ul {
    display: block;
}

@media screen and (min-width: 48em) {
nav > ul {
display: block;
}
nav > ul li a {
text-align: center;
}
 /* Hide button show-menu */
 .show-menu {
display: none;
}
}