@charset "utf-8";
html, body {
    width: 100%;
    padding: 0;
    margin: auto;
    text-align: center;
}
@media (min-width:320px) and (max-width:960px) {
    #title {
        width: 100%;
        margin: 10px auto 30px;
        text-align: center;
    }
}

.btn-circle-stitch {
    display: inline-block;
    text-decoration: none;
    background: #B3883B;
    color: #FFF;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    box-shadow: 0px 0px 0px 5px #B3883B;
    border: dashed 1px #FFF;
    transition: .4s;
}

.btn-circle-stitch:hover {
    background: #986600;
    box-shadow: 0px 0px 0px 5px #986600;
}

.btn-circle-stitch02 {
    display: inline-block;
    text-decoration: none;
    background: #808080;
    color: #FF0000;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    box-shadow: 0px 0px 0px 5px #808080;
    border: dashed 1px #000;
    transition: .4s;
}