#instructions {
    margin-top: 2em;
    text-align: center;
}

.locationName {
    text-align: center;
    margin-bottom: 1em;
    font-size: 1.5em;
    color: blue;
    text-decoration: underline;
    display: block;
}

.buttonTable {
    display: grid;
    grid-template-columns: 400px 400px 400px;
    column-gap: 1em;
    justify-content: center;
}

.cameraButton {
    margin-bottom: 1em;
    overflow: hidden;
}

@media screen and (max-width: 1300px) {
    .buttonTable {
        grid-template-columns: 400px 400px;
    }
}

@media screen and (max-width: 925px) {
    .buttonTable {
        grid-template-columns: 400px;
    }
}

@media screen and (max-width: 800px) {
    #instructions {
        text-align: left;
    }
}