#community-form {
    text-transform:uppercase;
}

#community-form > div.container {
    max-width:740px;
    background-color:rgba(0,0,0,0.3);
    border-top:6px solid #A31916;
    padding:22px 60px 20px 60px;
}

#community-form > div.container > h2 {
    margin:0;
    padding-bottom:10px;
    margin-bottom:20px;
    border-bottom:1px solid rgba(255,255,255,0.4);
    text-transform:uppercase;
    text-align:center;
    font-size:21px;
    font-weight:300;
}

#community-form > div.container > form > div.question {
    margin-bottom:15px;
}

#community-form > div.container > form > div.question > strong {
    display:block;
    margin-bottom:3px;
    font-size:14px;
}

#community-form > div.container > form > div.info {
    margin-top:35px;
    margin-bottom:35px;
}

#community-form > div.container > form > div.info > div {
    border-right:1px solid transparent;
    width:50%;
    float:left;
}

#community-form > div.container > form > div.info > div:nth-child(2n) {
    border-right:none;
}

#community-form > div.container > form > p.error-msg {
    padding-left:7px;
    margin-bottom:8px;
    font-size:11px;
    font-family:Arial,inherit;
    font-weight:bold;
    display:none;
}

#community-form > div.container > form > p.error-msg > span.icon {
    top:4px;
    color:#ff0000;
    margin-right:2px;
    font-size:34px;
}

#community-form > div.container > form > div.buttons {
    border-top:1px solid rgba(255,255,255,0.4);
    text-align:center;
    padding-top:20px;
}

#community-form > div.container > form > div.buttons > div {
    display:inline-block;
    width:150px;
}

#community-form > div.container > form > div.buttons > div:first-child {
    margin-right:28px;
}


@media (max-width:560px) {
    
    #settings > div.container {
        max-width:none;
        width:auto;
        padding-left:5px;
        padding-right:5px;
    }

    #community-form > div.container > form > div.info {
        padding-bottom:20px;
    }

    #community-form > div.container > form > div.info > div {
        border-right:1px solid transparent;
        float:none;
        width:100%;
        border-right:none;
    }

    #community-form > div.container > form > div.buttons {
        padding-top:20px;
    }

    #community-form > div.container > form > div.buttons > div {
        display:block;
        width:50%;
        float:left;
        box-sizing:border-box;
    }

    #community-form > div.container > form > div.buttons > div:first-child {
        border-right:5px solid transparent;
        margin:0;
    }

    #community-form > div.container > form > div.buttons > div:last-child {
        border-left:5px solid transparent;
    }
    
}