:root {
--aaa-colour-black: #000000;
--aaa-colour-white: #FFFFFF;
--aaa-colour-orange: #FF6600;
} @media screen and (min-width: 30em) {
.page-one-column .panel-content .wrap {
max-width: 1000px;
}
}
.single-post:not(.has-sidebar) #primary, 
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
max-width: 1000px;
} h1 {
color: var(--aaa-colour-orange);
font-weight: 700;
}
ul,
ol {
margin-left: 20px;
} .site-branding {
background: var(--aaa-colour-black);
}
.site-description,
.site-title,
.site-title a {
color: var(--aaa-colour-white);
} li.menu-item.contact-link a {
color: var(--aaa-colour-orange);
} .panel-image {
height: 50vh;
max-height: 600px;
}  .aaa_three_col {
display: grid;
gap: 20px;
grid-template-columns: 1fr;
}
@media screen and (min-width: 768px) {
.aaa_three_col {
grid-template-columns: repeat(3, 1fr);
}
} .aaa_feature_box {
display: block;
width: 100%;
height: 200px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
color: #FFFFFF;
}
.aaa_feature_box span.wrap {
width: 100%;
height: 100%;
padding: 20px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
background: #00000066;
}
.aaa_feature_box:hover span.wrap {
background: #00000033;
}
.aaa_feature_box span.wrap > * {
color: #FFFFFF;
}