table, th, td{
    border-style: solid;
    border-width: 1px;
    border-color: var(--k4cWhite);
    border-collapse: collapse;
}
th, td{
    padding: 0.2vw 0.5vw 0 0.5vw;
    width: 33.33%;
    font-size: 0.75vw;
}

#midBar1{
    margin: 3% auto 0 auto;
    padding: 0 6vw;
    box-sizing: border-box;
}
#mid1Header1{
    color: var(--k4cDarkBlue);
    display: inline-block;
}

#midBar2{
    height: auto;
    padding: 0;
    box-sizing: border-box;
}
#mid2Photo1{
    max-width: 80%;
    margin: 0 10%;
}

#midBar3{
    height: auto;
    padding: 1.5vw 4vw 1.5vw 4vw;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    background-color: var(--k4cMediumBlue);
}
#midBar3Right{
    width: 100%;
    height: auto;
    box-sizing: border-box;
    color: var(--k4cWhite);
}
#mid3Text1{
    margin-top: 1vw;
}

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

/*max-wdidth: 600px, min-width: 601px, 768px, 992px, 1200px*/
@media only screen and (max-width: 600px){
    th, td{
        font-size: 2.4vw;
    }
}