.journalName {
    font-style: italic;
}

@media only screen and (min-width: 320px) {
    .homepageBackground {
        min-height: 770px;
        background: #ffffff; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(#ffffff, #999999); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#ffffff, #999999); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#ffffff, #999999); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#ffffff, #999999); /* Standard syntax */
        padding-right: 0px;
        padding-left: 0px;
    }

    .service h4 {
        font-size: 2em !important;
        margin-top: 25px;
    }

    .service i {
        margin-top: 25px;
    }

    .service p {
        font-size: 1.15em;
        margin-bottom: 25px;
    }

    .service hr {
        border: 1px solid #4765a0;
        margin-top: 5px;
        margin-bottom: 15px;
    }

    #serviceRow {
        margin-top: 50px !important;
    }

    #leftService {
        padding-left: 0px;
        padding-right: 0px;
    }

    #centerService {
        padding-left: 0px;
        padding-right: 0px;
    }

    #rightService {
        padding-left: 0px;
        padding-right: 0px;
    }

    .service:hover {
        cursor: pointer;
    }

    #logoContainer {
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: center;
        background-color: #ffffff;
        border-bottom: solid 1px #dde6ee !important;
    }

        #logoContainer .container {
            padding-left: 15px;
        }

    .primerContainer, .fammedContainer, .annalsContainer {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .primerContainer {
        background-color: #f2f2f2;
    }

    .fammedContainer {
        background-color: #e6e6e6;
    }

    .annalsContainer {
        background-color: #d9d9d9;
    }

    .primerContainer .container {
        padding-left: 5px;
        padding-right: 5px;
    }

    .fammedContainer .container {
        padding-left: 5px;
        padding-right: 5px;
    }

    .annalsContainer .container {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media only screen and (min-width: 768px) {

    .homepageBackground {
        min-height: 770px;
        background: #ffffff; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(#ffffff, #999999); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#ffffff, #999999); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#ffffff, #999999); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#ffffff, #999999); /* Standard syntax */
        padding-right: 0px;
        padding-left: 0px;
    }

    .service h4 {
        font-size: 2.30em !important;
        margin-top: 25px;
    }

    .service i {
        margin-top: 25px;
    }

    .service p {
        font-size: 1.35em;
        margin-bottom: 25px;
    }

    .service hr {
        border: 1px solid #4765a0;
        margin-top: 5px;
        margin-bottom: 15px;
    }

    #serviceRow {
        margin-top: 50px !important;
    }

    #leftService {
        padding-left: 40px;
    }

    #centerService {
        padding-left: 40px;
    }

    #rightService {
        padding-left: 40px;
    }

    .service:hover {
        cursor: pointer;
    }

    #logoContainer {
        background-color: #2a2a2a;
        margin: 0;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #logoContainer {
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: center;
        background: #ffffff; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(left, #f2f2f2, #ffffff, #f2f2f2); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(left, #f2f2f2, #ffffff, #f2f2f2); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(left, #f2f2f2, #ffffff, #f2f2f2); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to right, #f2f2f2, #ffffff, #f2f2f2); /* Standard syntax */
        border-bottom: solid 1px #dde6ee !important;
    }

    .primerContainer, .fammedContainer, .annalsContainer {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .primerContainer {
        background-color: #f2f2f2;
    }

    .fammedContainer {
        background-color: #e6e6e6;
        box-shadow: 0px 2px 6px #1a1a1a;
    }

    .annalsContainer {
        background-color: #d9d9d9;
        box-shadow: 0px 2px 7px #1a1a1a;
    }
}

@media only screen and (min-width: 1224px) {

    .homepageBackground {
        min-height: 770px;
        background: #ffffff; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(#ffffff, #999999); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#ffffff, #999999); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#ffffff, #999999); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#ffffff, #999999); /* Standard syntax */
        padding-right: 0px;
        padding-left: 0px;
    }

    .service h4 {
        font-size: 2.30em !important;
        margin-top: 25px;
    }

    .service i {
        margin-top: 25px;
    }

    .service p {
        font-size: 1.35em;
        margin-bottom: 25px;
    }

    .service hr {
        border: 1px solid #b8c5e0;
        margin-top: 5px;
        margin-bottom: 15px;
    }

    #serviceRow {
        margin-top: 50px !important;
    }

    #leftService {
        padding-left: 40px;
    }

    #centerService {
        padding-left: 40px;
    }

    #rightService {
        padding-left: 40px;
    }

    .service:hover {
        cursor: pointer;
    }

    #logoContainer {
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: center;
        background: #ffffff; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(left, #f2f2f2, #ffffff, #f2f2f2); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(left, #f2f2f2, #ffffff, #f2f2f2); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(left, #f2f2f2, #ffffff, #f2f2f2); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to right, #f2f2f2, #ffffff, #f2f2f2); /* Standard syntax */
        border-bottom: solid 1px #dde6ee !important;
    }

    .primerContainer, .fammedContainer, .annalsContainer {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .primerContainer {
        background-color: #ffffff;
    }

    .fammedContainer {
        background-color: #f2f2f2;
    }

    .annalsContainer {
        background-color: #e6e6e6;
    }
}