#header1{
    margin: 3vw auto 0 auto;
    padding: 0 6vw;
    color: var(--k4cDarkBlue);
    box-sizing: border-box;
}

#midBar1{
    height: auto;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    background-color: var(--k4cMediumBlue);
}
#midBar1Left{
    width: 40%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
}
#mid1Photo1{
    max-width: 100%;
    height: 100%;
}
#midBar1Right{
    width: 55%;
    height: auto;
    box-sizing: border-box;
    color: var(--k4cWhite);
}
#mid1Header1{
    /*margin-top: 1vw;*/
}
#mid1Text1{
    margin-top: 1vw;
}

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

#midBar3{
    height: auto;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    background-color: var(--k4cDarkBlue);
}
#midBar3Left{
    width: 30%;
    height: 100%;
    box-sizing: border-box;
}
#mid3Photo1{
    max-width: 100%;
    margin: 0 auto;
    object-fit: cover;
}
#midBar3Right{
    width: 65%;
    height: auto;
    box-sizing: border-box;
    color: var(--k4cWhite);
}
#mid3Header1{
    /*margin-top: 1vw;*/
}
#mid3Text1{
    margin-top: 1vw;
}

/*max-width: 600px, min-width: 601px, 768px, 992px, 1200px*/
@media only screen and (max-width: 600px){

    #midBar1{
        padding: 3vw;
    }
}