.ldrbrd {
    width: 728px;
    height: 90px;
    margin: 0 auto;
}

.intro {
    width: 240px;
    margin: 20px auto;
}

#emojiCanvas {
    border: 1px solid black;
    width: 585px;
    height: 585px;
}

.emoji-grid a {
    float: left;
    display: block;
    width: 80px;
    height: 120px;
    text-align: center;
    font-size: 0.8em;
    overflow: hidden;
}
.emoji-grid img {
    width: 80px;
    height: 80px;
}

.emoji-grid a:hover {
    position: relative;
    top: -3px;
    left: -3px;
}

#modal .modal-dialog {
    width: 274px;
}

@media (min-width: 552px) {
    #modal .modal-dialog {
        width: 512px;
    }

    .intro {
        width: 552px;
    }
}

#modal .modal-content {
    position: relative;
}

#modal .close {
    position: absolute;
    top: 0px;
    right: 5px;
}

#modal .row {
    margin: 0;
}

#modal .col-sm-4 {
    width: 240px;
    padding: 0;
    margin: 10px 0 10px 10px;
}

#modal .btn {
    position: absolute;
}

#modal .selectedAsText {
    margin-top: 20px;
}

#modal .btn-copy-clip {
    position: unset;
}

#modal .btn-download {
    /*top: 206px;*/
    bottom: 0;
    left: 0;
}

#modal .btn-coloring {
    /*top: 206px;*/
    bottom: 40px;
    left: 0;
}

/*#modal .largeView {
    margin-right: 15px;
}*/

#modal .largeView img {
    width: 240px;
    height: 240px;
    border: 1px solid black;
}

#modal .details {
    height: 240px;
}

#modal .footnote {
    text-align: center;
    font-size: 0.8em;
}

#license-footer {
    clear: left;
    width: 240px;
    margin: 0 auto;
    padding-top: 100px;
    text-align: center;
}

.emojione_logo {
    width: 140px;
}