.a-widget10 {
    color:var(--red);
    font-weight:bold;
}


.a-widget10:hover {
    color:var(--navy);
    font-weight:bold;
}

 
.button-widget10-bnavy,
.button-widget10-bred,
.button-widget10-navy,
.button-widget10-red, 
.button-widget10-tnavy,
.button-widget10-tred {
    background-color:var(--beige);
    border:none;
    font-size:1.2em;
    font-family: 'EB Garamond';
    padding:0.5em 1em 0.5em 1em;
    text-align:left;
    width:100%;
}


.button-widget10-bnavy:hover,
.button-widget10-bred:hover,
.button-widget10-navy:hover,
.button-widget10-red:hover,
.button-widget10-tnavy:hover,
.button-widget10-tred:hover {
    background-color:var(--red);
    color:white;
}  


.button-widget10-bnavy,
.button-widget10-bred {
    border-radius: 0 0 1em 1em;
}


.button-widget10-bnavy,
.button-widget10-navy,
.button-widget10-tnavy {
    color: var(--navy);
}


.button-widget10-bred,
.button-widget10-red,
.button-widget10-tred {
    color: var(--red);
}


.button-widget10-navy,
.button-widget10-red,
.button-widget10-tnavy,
.button-widget10-tred {
    border-bottom:1px dotted silver;   
}    


.button-widget10-tnavy, 
.button-widget10-tred {
    border-radius: 1em 1em 0 0;
}

 
.div-widget10-grid {
    grid-template-columns: 1fr auto;
    justify-items:center
}


.div-widget10-menu {
    display:grid;
    grid-template-columns:auto;
}

.div-widget10-text {
    font-size:1.2em;
}


@media only screen and (max-width: 720px) { 
    
    .div-widget10-grid {
        grid-template-columns: auto;
    }
}