#wrapper {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 10px;
    justify-content: center;
}

.title {
    grid-column: span 2;
}
.menu {
    grid-column: span 1;
}
.content {
    grid-column: span 1;
}
.footer {
    grid-column: span 2;
}

body {
    padding: 0;
    margin: 0;
    border-top: 5px solid #DC143C;
    border-bottom: 5px solid #DC143C;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: large;
}

.content img {
   width: 100%;
   height: auto;
}

.title {
    text-align: center;;
    font-size: 200%;
    padding-top: 10px;
    display: block;
}

.title img {
    height: 128px;
}

.menu {
}


.menu ul {
    list-style: none;
    font-size: 150%;
    padding: 10px;
}

.menu li {
    margin: 30px 0;
}

.menu-button {
    background-color: #DC143C;
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
    color: #FFF;
}

.menu-button:hover {
    background-color: #FF8C00;
    border-shadow: 1px solid #000;
}

.choose-button {
    background-color: #DC143C;
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
    align-items: center;
    color: #FFF;
}

.choose-button:hover {
    background-color: #FF8C00;
    border-shadow: 1px solid #000;
}
.content {
    margin: 10px;
}

.content h1 {
    border-bottom: 2px solid #DC143C;
}

.content h2 {
    border-bottom: 1px dotted #DC143C;
}

.footer {
    color: #A9A9A9;
    padding: 5px;
    margin: 25px 5px 0px 5px;
    text-align: center;
}