.header_image {
padding:0 0 3em 0;
}
.header_menu {
display:flex;
flex-direction:row;
justify-content:space-between;
flex-wrap:wrap;
text-align:center;
padding:0.5em 0;
font-family: "Lucida Sans Unicode", "sans serif";
gap:0.8em;
}
.header_menu a:not(.selflink) {
background-color:gainsboro;
flex:1;
padding:1.5em;
transition: all 500ms ease;
border-bottom: 0.8em solid white;
text-decoration: none;
font-size: 1.15em;
font-weight: bold;
color: #000000;
}
.header_menu a.selflink {
background-color:#FFFFFF;
flex:1;
padding:1.5em;
border-bottom: 0.8em solid #4B52D1;
text-decoration: none;
font-size: 1.15em;
font-weight: bold;
color: #4B52D1;
}
.header_menu a:hover:not(.selflink) {
background-color:#f6f6f6;
border-bottom: 0.8em solid #4B52D1;
text-decoration: none;
color: #4B52D1;
}
.sub_header_menu {
display:flex;
flex-direction:row;
justify-content:space-between;
flex-wrap:wrap;
text-align:center;
padding:0.5em 0;
font-family: "Lucida Sans Unicode", "sans serif";
gap:0.8em;
}
.sub_header_menu a:not(.selflink) {
background-color:gainsboro;
flex:1;
padding:1.5em;
transition: all 500ms ease;
border-bottom: 0.8em solid white;
text-decoration: none;
font-size: 1.15em;
font-weight: bold;
color: #000000;
}
.sub_header_menu a.selflink {
background-color:#FDBD47;
flex:1;
padding:1.5em;
border-bottom: 0.8em solid #FDBD47;
text-decoration: none;
font-size: 1.15em;
font-weight: bold;
color: #000000;
}
.sub_header_menu a:hover:not(.selflink) {
background-color:#f6f6f6;
border-bottom: 0.8em solid #FDBD47;
text-decoration: none;
color: #000000;
}
@media screen and (max-width: 600px) {
.header_menu a { padding: 0.5em !important; }
.sub_header_menu a { padding: 0.5em !important; }
.relato { gap: 0 !important; flex-direction:column !important }
}