@media only screen and (max-width: 480px) {
    h1 {
        margin-top: 5px;
        font-size: 2em;
    }

    h2 {
        font-size: 1.3em;
    }

    .lead {
        margin-top: 30px;
        margin-bottom: 30px;
        font-size: 1.2em;
        font-weight: bold;
        text-align: center;
    }

    .logo {
        height: 90px;
        margin: 0px 25px 5px 5px;
        width: auto;
        float: left;
    }
}

@media only screen and (min-width: 481px) {
    h1 {
        margin-top: 5px;
        font-size: 2.5em;
    }

    h2 {
        font-size: 1.8em;
    }

    .lead {
        margin-top: 30px;
        margin-bottom: 30px;
        font-size: 1.6em;
        font-weight: bold;
        text-align: center;
    }

    .logo {
        height: 95px;
        margin: 0px 30px 10px 10px;
        width: auto;
        float: left;
    }
}


body {
    color: white;
    font-size: .875rem;
    background-color: #4a0852;
}

hr { background-color: #fff; height: 1px; border: 0px; opacity: 1; clear: both;}

.lead2 {
    margin-top: 10px;
    margin-bottom: 50px;
    font-size: 1.2em;
    text-align: center;
}

.text-purple {
    color: #321136;
}

#header {
    margin-top: 30px;
}

#meeting-list {
    margin-bottom: 20px;
}

h4 {
    padding-top: 20px;
    font-weight: normal;
}

.login-page  {
    margin-top: 50px;
}

.ballotquestion {
    font-size: 1.2em;
    margin: 0;
}

.btn-purple {
    color: #fff;
    border-color: #fff;
}

.btn-purple:hover {
    color: #fff;
    border-color: #fff;
    background-color: #321136;
}

.border-white {
    border: 1px solid #fff;
}

#ballot {
    margin: 10px;
}

.input-cj {
    width: 5em;
}

.label-cj {
    padding-bottom: 0;
    margin-bottom: 0;
}

.no-brake {
    margin-top: 5px;
    padding-top: 0;
}

#payment_qr {
    width: 250px;
}

.payment_detail_label {
    font-size: 20px;
}

.payment_data {
    margin-bottom: 1em;
}

.payment_detail_label_strong {
    font-weight: bold;
    font-size: 32px;
}

.payment_body {
    text-align: center;
}

#payment_detail_bigger label{
    font-size: 30px;
    font-style: italic;
}

#payment_detail_bigger span {
    font-weight: bold;
    font-size: 25px;
}

#amount {
    margin-right: 1em;
}

#pMessage {
    font-weight: bold;
    clear: both;
    font-size: 1.3em;
    margin-top: 1em;
    margin-bottom: 1em;
}