body {
    background-color: rgb(26, 26, 26);
    color: #dddddd;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 16px;
    margin: 0;
    display: grid;
    grid-template-areas: 
        "header header" 
        "minigallery content" 
        "footer footer";
    grid-template-columns: 1fr 3fr;
    grid-template-rows: auto 1fr auto;
    
}

div.header { grid-area: header;}
div.minigallery { grid-area: minigallery;}
div.content { grid-area: content;}
div.footer { grid-area: footer;}

a { color: rgb(255, 231, 121); } 
a:visited { color:rgb(235, 168, 24) }
a:hover { color:rgb(248, 130, 19) }

.title {
    text-transform:uppercase;
    letter-spacing:12px;
    font-family:"Nunito Sans", sans-serif;
    color:white;
    font-size:22px;
    font-weight: 200;
    padding: 30px 38px;
}
.menu {
    float:right;
    margin-top: 45px;
    margin-right: 36px;
}
.menu>ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
}
.menu>ul>li {
    display:inline;
    padding: 8px;
    margin: 0 4px;
    list-style-type: none;
    list-style-position: inside;
}
.menu>ul>li.active {
    border-bottom: 2px solid rgb(235, 168, 24);
}
.menu>ul>li>a {
    text-decoration:none;
}

.subheader {
    font-weight:500;
    padding-bottom: 12px;
}

.clearblock {
    padding:96px 72px 120px 36px;
}
.greenblock {
    background-color: rgb(26, 45, 45);
    padding: 40px 68px;
}
.greyblock {
    background-color: rgb(50, 59, 67);
}


.big-ol-button {
    background-color: rgb(255, 231, 121);
    border-radius: 100px;
    cursor: pointer;
    font-size: 16px;
    padding: 18px 36px;
    margin: 32px 8px;
    display: inline-block;
    font-weight: 600;
    font-size: 20px;
    text-decoration: none;
}
a.big-ol-button, a:visited.big-ol-button { color: rgb(39, 72, 79); }
a.big-ol-button:hover {
    background-color: rgb(252, 183, 73);
    color: rgb(255, 255, 255);
}

.quoteblock {
    border-left: #bbbbbb solid 2px;
    padding: 12px 24px;
    font-size: 24px;
    font-style: italic;
    font-weight: 300;
    margin: 20px;
}

.minigallery {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.galleryitem>img {
    object-fit: cover;
    height: auto;
    max-width: 100%;
}