@media (min-width: 1200px) {
    .carousel-panel p {
        font-size: 14px;
    }
}


.portfolio-section-1-bg {
    background-image: url("../img/banner-imgs/board-electronics-edited.jpeg");
    background-position-y: -390px;
    background-position-x: 0px;
}

.portfolio-section-2 {
    padding-top: 70px;
    padding-bottom: 80px;
}

/* Project content display styling */
#project-content-display {
    height: 240px;
    padding-left: 28px;
    padding-right: 28px;
    padding-top: 8px;
    background-color: rgba(0,0,0,0.027);
    font-weight: 400;
}

#project-content-display p {
    font-weight: 400;
}

.portfolio-section-2 .row + .row {
    margin-top: 50px;
}

.hidden-proj {
    display: none;
}

.carousel-panel {
    cursor: pointer;
}

.carousel-panel-container {
    background-size: cover;
    height: 200px;
    margin-left: 5px;
    margin-right: 5px;
    display: flex;
    align-items: flex-end;
    pointer-events: none;
}

.carousel-panel p {
    width: 100%;
    height: 56px;
    background-color: rgba(255,255,255,0.85);
    margin-bottom: 0px;
    padding: 8px;
    color: #337ab7;
    font-weight: 400;
    font-size: 13px;
}

.grey-border {
    border: 1px solid rgba(0,0,0,0.1);
}

#proj-1 > div {
    background-image:  url("../img/portfolio-preview-imgs/industrial-hygiene.png");
}

#proj-2 > div {
    background-image:  url("../img/project-imgs/electron-microscope.jpg");
}

#proj-3 > div {
    background-image:  url("../img/portfolio-preview-imgs/xray-spectrometer.jpg");
}

#proj-4 > div {
    background-image:  url("../img/portfolio-preview-imgs/fuel-injection.png");
}

#proj-5 > div {
    background-image:  url("../img/portfolio-preview-imgs/scada-1.gif");
}

#proj-6 > div{
    background-image:  url("../img/project-imgs/co-monitor-1.jpg");
}

#proj-7 > div {
    background-image:  url("../img/portfolio-preview-imgs/produce.jpg");
}

#proj-8 > div {
    background-image:  url("../img/portfolio-preview-imgs/audio-wave.png");
}

#proj-9 > div{
    background-image:  url("../img/portfolio-preview-imgs/control-temp-logo.png");
}

#proj-10 > div {
    background-image:  url("../img/portfolio-preview-imgs/rudder.jpg");
}

#proj-11 > div {
    background-image:  url("../img/portfolio-preview-imgs/cars-overhead-shot.jpg");
}

#proj-12 > div {
    background-image:  url("../img/portfolio-preview-imgs/software.png");
}

#proj-13 > div{
    background-image:  url("../img/project-imgs/fiber-optic-2.jpg");
}

#proj-14 > div {
    background-image:  url("../img/portfolio-preview-imgs/data-graph.png");
}

#proj-15 > div {
    background-image:  url("../img/portfolio-preview-imgs/video-surv.jpeg");
}

#proj-16 > div {
    background-image:  url("../img/project-imgs/can-inspection-1.jpg");
}

#proj-17 > div {
    background-image:  url("../img/portfolio-preview-imgs/wood.jpg");
}

#proj-18 > div {
    background-image:  url("../img/portfolio-preview-imgs/lumber.jpg");
}

#proj-19 > div {
    background-image:  url("../img/portfolio-preview-imgs/bullet-fire.jpg");
}

#proj-20 > div {
    background-image:  url("../img/portfolio-preview-imgs/power-supply.png");
}

#proj-21 > div {
    background-image:  url("../img/project-imgs/greenhouse-3.jpg");
}

#proj-22 > div {
    background-image: url("../img/project-imgs/zenovia-airhome.png");
}

#proj-23 > div {
    background-image: url("../img/project-imgs/tgi-raptor-2.png");
}

#proj-24 > div {
    background-image: url("../img/portfolio-preview-imgs/circuit-semi.jpg");
}

.portfolio-section-2 footer {
    text-align: right;
    font-size: 10px;
    color: rgba(0,0,0,0.5);
}

@media (max-width: 767px) {

    .portfolio-section-1 {
        height: auto;
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

@media (max-width: 500px) {
    .carousel-panel p {
        font-size: 14px;
    }
}

@media (max-width: 400px) {

    #project-content-display {
        height: 300px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .project-title {
        font-size: 20px;
    }
}