body {
    margin: 0 0 0 0;
    background-color: #000;
    font-family: 'Archivo Black';
    color: #FFF;
}

section {
    display: block;
}

.new-hr {
    width: 100%;
    height: 1px;
    max-height: 1px;
    overflow: hidden;
    background-color: #fff;
    color: #fff;
}

.dartsy-container {
    margin-left: auto;
    margin-right: auto;
}

.left-column {
    float: left;
}

.middle-column {
    float: left;
}

.right-column {
    float: right;
}

.button-menu-list {
    padding: 15px 15px 15px 15px;
    margin: 15px 15px 15px 15px;
}

.menu-button {
    padding: 15px 15px 15px 15px;
}

@media screen and (min-width: 600px) {
    body {
        font-weight: 400;
    }

    .dartsy-container {
        width: 600px;
    }

    .left-column-player {
        width: 240px;
    }

    .middle-column-player {
        width: 120px;
    }

    .right-column-player {
        width: 240px;
    }

    .button-menu-list {
        padding: 15px 15px 15px 15px;
        margin: 15px 15px 15px 15px;
    }

    .menu-button {
        padding: 15px 15px 15px 15px;
    }
}