body {
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    background-color: #2A82D1;
    background-image: url("/uploads/images/Sprite-0002.png");
    background-size: 16px 16px;
}
main {
    display:block;
    width: 95%;
    margin: 0 auto;
    padding: 1em;
    background: #cfca2e;
    
    border: 4px solid #09a8e7;
}

#profile_pic {
    max-width: 296px;
}

/************ For Messages ***************/
.message-list {
    max-height: 400px;
    overflow-y: auto;
}
.message-item {
    border-bottom: 1px solid #ddd;
    padding: 10px;
}
.message-item:hover {
    background-color: #f8f9fa;
}
.message-item strong {
    display: block;
}

@media only screen and (max-width: 834px) {
    main {
    width: 100%;
    padding: .5em;
    border: 4px solid #09a8e7;
    }
}

@media only screen and (max-width: 576px) {
    #center_image {
        text-align: center;
    }
    #message_button {
        width:99%;
        margin: auto;
    }
}

@media only screen and (max-width: 484px) {
    main {
        padding: .2em;
    }
}