.header_image {
display: flex;
flex-wrap:wrap;
justify-content: center;
padding: 3em;
background-color: #3366cc;
}
.header_image img { max-width: 100%; height: auto; }
.header_image figure { margin: 0; }
.header_menu {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
text-align: center;
font-family: "Montserrat", "sans serif";
padding: 0.5em 0;
gap: 0.4em;
}
.header_menu a {
flex: 1;
padding: 2em 0;
transition: all 500ms ease;
border-bottom: 0.8em solid #3366cc;
text-decoration: none;
font-size: 115%;
font-weight: bold;
color: #000000;
background-color: #F7F7F7;
}
.header_menu .active-menu-item + a {
background-color: #FFFFFF;
transition: none;
border-bottom: 0.8em solid #3366cc;
color: inherit;
}
.header_menu a:hover {
background-color: gainsboro;
border-bottom: 0.8em solid #3366cc;
text-decoration: none;
color: #000000;
}
.header_menu .active-menu-item + a:hover {
background-color: gainsboro;
}
@media screen and (max-width: 600px) {
.header_menu a {
padding: 0.5em !important;
}
}