.project-page-top-banner > div {
    height: 280px;
    padding-top: 105px;
}

.proj-summary-section h4 {
    font-size: 20px;
    color: #337ab7;
    font-weight: 400;
}

.proj-summary-section p {
    margin-top: 30px;
}

.project-section-1-bg {
    padding-top: 100px;
    padding-bottom: 100px;
}

.project-section-1 .project-description-section,
.project-pics-section {
    margin-top: 70px;
}

#fiber-opt-banner-img {
    background-image: url("../img/banner-imgs/fiber-optic.jpg");
    background-position-y: -130px;
}

#co-monitor-banner-img {
    background-image: url("../img/banner-imgs/co-monitor.jpg");
}

#can-system-banner-img {
    background-image: url("../img/banner-imgs/canned-fish.jpg");
    background-position-y: -200px;
}

#greenhouse-system-banner-img {
    background-image: url("../img/banner-imgs/greenhouse.jpg");
    background-position-y: -160px;
}

#cd-tool-op-system-banner-img {
    background-image: url("../img/banner-imgs/semiconductor.jpg");
}

#elec-utility-monitoring-system-banner-img {
    background-image: url("../img/banner-imgs/power-lines.jpg");
}

#wireless-audio-system-banner-img {
    background-image: url("../img/banner-imgs/ipod.jpg");
    background-position-y: -160px;
}


footer.img-src-credit  {
    bottom: -68px;
}

.project-pics-section img {
    width: 150px;
    margin-bottom: 4px;
    margin-left: 1px;
    margin-right: 1px;
}

@media (max-width: 1400px) {
    #greenhouse-system-banner-img {
        background-position-y: -95px;
        background-position-x: 16%;
    }
}

@media (min-width: 1200px) {
    .project-pics-section {
        padding-left: 55px;
    }

    #co-monitor-banner-img, #wireless-audio-system-banner-img {
        background-size: 100%;
    }
}

@media (max-width: 1199px) {
    #fiber-opt-banner-img {
        background-position-x: 18%;
    }
}

@media (max-width: 991px) {
    .project-pics-section img {
        width: 200px;
    }

    .project-pics-section {
        padding-left: 30px;
    }

    #can-system-banner-img {
        background-position-y: -250px;
        background-position-x: 16%;
    }
}

@media (max-width: 767px) {
    .project-page-top-banner > div {
        height: auto;
        padding-top: 70px;
        padding-bottom: 50px;
    }

    footer.img-src-credit {
        bottom: -40px;
    }

    #fiber-opt-banner-img {
        background-position-y: -190px;
    }
}