main.departments {
    margin-top: 0;
}

main.departments img.main-image {
    width: 620px;
    height: auto;
}

main.departments div.image-shadow {
    width: 620px;
    height: 14px;
}

/* some custom content contains images. just make sure they don't go over */
main.departments .department-content img {
    max-width: 100% !important;
    height: auto !important;
}

main.departments .side-image-container {
    padding-left: 0;
    padding-bottom: 20px;
}

main.departments img.side-image {
    width: 100%;
    height: auto;
}

main.departments img.side-image.top {
    width: 140px;
    height: 140px;
}

main.departments img.side-image.bottom {
    width: 140px;
    height: 198px;
    margin-top: 20px;
}

@media (max-width: 992px) {
    main.departments img.main-image {
        width: 100%;
        height: auto;
    }
    main.departments div.image-shadow {
        width: 100%;
        height: 14px;
    }

    main.departments img.side-image.top {
        width: 198px;
        height: 198px;
    }

    main.departments img.side-image.bottom {
        width: 140px;
        height: 198px;
        margin-left: 50px;
        margin-top: 0;
    }

    main.departments img.side-image {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .left-sidebar.departments .department-link {
        width: 32%;
        font-size: 1.1em;
        display: inline-block;
    }
}

@media (max-width: 650px) {
    .left-sidebar.departments .department-link {
        width: 45%;
        font-size: 1.2em;
    }
}

@media (max-width: 480px) {
    .left-sidebar.departments .department-link {
        width: 100%;
        font-size: 1.3em;
    }
}