.l-name {
    font-family: Aleo;
    font-weight: bold;
    font-size: 5vmin;
}

.content {
    align-items: center;
}

.linkbox {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
}

.linkbox a {
    font-size: 2.5vmin;
    font-family: ABeeZee;
    font-weight: bold;
    display: inline-block;
    border-radius: .5vmin;
    padding: 1vmin;
    margin: .5vmin;
    border: 2px solid #333;
    text-decoration: none;
    color: orange;
    background-color: #888;
    transition: color ease-in-out .25s, background-color ease-in-out .25s;
    -moz-transition: color ease-in-out .25s, background-color ease-in-out .25s;
    -webkit-transition: color ease-in-out .25s, background-color ease-in-out .25s;
}

.linkbox a:hover {
    color: darkblue;
    background-color: #aaa;
}

@media all and (max-width: 1024px) {
    .linkbox a {
        font-size: 4vmin;
        max-width: 90%;
        text-align: center;
    }
}