body {
    padding-top: 50px;
    padding-bottom: 15px;
    background-color: silver;
    line-height:125%;
}

.body-content {
    background-color: white;
    padding-top: 30px;
    padding-bottom: 15px;
}

footer {
    padding-top:5px;
    font-size:85%;
    text-align:right;

}

small {
    font-size:75%;
}

h1 {
    font-size:24px;
    margin-bottom:10px;
}

h2 {
    font-size: 20px;
    margin-bottom: 8px;
}

a {
    color:#222;
}

a:hover {
    color: #777;
}

input.form-control::placeholder {
    font-size:85%;
    font-style:italic;
    opacity:0.5;
}




/*
@media screen and (max-width: 576px) {
    .body-content {
        padding-left: 15px;
        padding-right: 15px;
    }
    footer {
        padding-left: 15px;
        padding-right: 15px;
    }
}

    */

/* Set width on the form input elements since they're 100% wide by default */
/*
input,
select,
textarea {
    max-width: 280px;
}
    */