#midBar1{
    height: auto;
    margin: 3% auto 0 auto;
    padding: 0 4vw;
    box-sizing: border-box;
    text-align: left;
    /*text-justify: inter-word;*/
    background-color: var(--k4cWhite);
}
#mid1Header1{
    margin: 0 2vw 0 2vw;
    color: var(--k4cDarkBlue);
    display: inline-block;
}
#mid1Text1{
    margin: 2vw;
    color: var(--k4cBlack);
}
#midBar1Bot{
    width: 100%;
    height: auto;
    margin: 1vw auto 0 auto;
    box-sizing: border-box;
    display: flex;
    justify-content: space-evenly;
    background-color: var(--k4cWhite);
}
#mid1Photo1{
    max-width: 40%;
    height: 100%;
    padding: 0.6vw;
    background-color: var(--k4cDarkBlue);
}
#mid1Photo2{
    max-width: 40%;
    height: 12.5vw;
    padding: 0.6vw;
    background-color: var(--k4cDarkBlue);
}

/*max-wdidth: 600px, min-width: 601px, 768px, 992px, 1200px*/
@media only screen and (max-width: 600px){
    
    #mid1Photo2{
        max-width: 41.5%;
        height: 24.4vw;
    }
}