#midBar1{
    height: 24vw;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}
#mid1Photo1{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 0% 100%;
}
#mid1Text1{
    position: absolute;
    width: auto;
    margin: 2% 4%;
    line-height: 2.6vw;
    color: var(--k4cWhite);
}

#midBar2{
    height: auto;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    background-color: var(--k4cMediumBlue);
}
#midBar2Left{
    width: 40%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
}
#mid2Photo1{
    max-width: 100%;
    height: 100%;
}
#midBar2Right{
    width: 55%;
    height: auto;
    box-sizing: border-box;
    color: var(--k4cWhite);
}
#mid2Header1{
    /*margin-top: 1vw;*/
}
#mid2Text1{
    margin-top: 1vw;
}

#midBar3{
    height: auto;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    background-color: var(--k4cWhite);
}
#midBar3Right{
    width: 35%;
    height: 100%;
    box-sizing: border-box;
}
#midBar3RightBar1{
    width: 50%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
}
#midBar3RightBar2{
    width: 50%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
}
#mid3Photo1{
    max-width: 90%;
    height: 100%;
}
#mid3Photo2{
    max-width: 90%;
    height: 100%;
}
#mid3Photo3{
    max-width: 90%;
    height: 100%;
}
#mid3Photo4{
    max-width: 90%;
    height: 100%;
}
#midBar3Left{
    width: 55%;
    height: auto;
    box-sizing: border-box;
    color: var(--k4cDarkBlue);
}
#mid3Header1{
    /*margin-top: 1vw;*/
}
#mid3Text1{
    margin-top: 1vw;
}

#midBar4{
    height: auto;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    background-color: var(--k4cOrange);
}
#midBar4Left{
    width: 30%;
    height: 100%;
    box-sizing: border-box;
}
#mid4Photo1{
    max-width: 100%;
    margin: 0 auto;
    object-fit: cover;
}
#midBar4Right{
    width: 65%;
    height: auto;
    box-sizing: border-box;
    color: var(--k4cWhite);
}
#mid4Header1{
    /*margin-top: 1vw;*/
}
#mid4Text1{
    margin-top: 1vw;
}

#midBar5{
    height: auto;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    color: var(--k4cDarkBlue);
    background-color: var(--k4cWhite);
}
#midBar5Left{
    width: 50%;
    height: auto;
    margin: 0 auto;
    padding: 0 2vw;
    box-sizing: border-box;
}
#mid5Text1{
    margin-top: 1vw;
}
#midBar5Right{
    width: 40%;
    height: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
    color: var(--k4cDarkBlue);
}
#mid5Photo1{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 25%;
}

#midBar6{
    height: auto;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    background-color: var(--k4cMediumBlue);
}
#midBar6Left{
    width: 55%;
    height: auto;
    margin-left: 2.5vw;
    box-sizing: border-box;
    color: var(--k4cWhite);
}
#mid6Text1{
    margin-top: 1vw;
}
#midBar6Right{
    width: 35%;
    /*height: 100%;*/
    box-sizing: border-box;
    /*display: flex;*/
}
#mid6Photo1{
    max-width: 100%;
    margin: 0 auto;
}

/*max-width: 600px, min-width: 601px, 768px, 992px, 1200px*/
@media only screen and (max-width: 600px){
    
    #midBar1{
        height: 50vw;
    }
    #mid1Text1{
        line-height: 5.5vw;
    }

    #midBar2{
        padding: 3vw;
    }
}