/* ---- PAGE 2 -- (cnc) ------------------ */
/* ---- gap before header (after logo) ------- */
/* special case - reduced height because of layout */
.k4-p2-logo-wid-spacer {min-width:120px;}
.k4-p2-logo-spacer { min-width:120px; height:111px;}
.k4-p2-left-gap {width: 170px}
@media(max-width:1200px){.k4-p2-left-gap {width: calc(7vw)}}
@media(max-width:1000px){.k4-p2-left-gap {width: calc(4vw)}}
@media(max-width:800px){.k4-p2-left-gap {width: calc(3vw)}}
@media(max-width:600px){.k4-p2-left-gap {width: calc(2vw)}}
@media(max-width:500px){.k4-p2-left-gap {width: calc(1vw)}}
.k4-p2-img0-wid {width: 180px; height:auto;}
@media(max-width:1000px){.k4-p2-img0-wid {width: 130px;}}
@media(max-width:800px){.k4-p2-img0-wid {width: 120px;}}
@media(max-width:600px){.k4-p2-img0-wid {width: 110px;}}
@media(max-width:500px){.k4-p2-img0-wid {width: 80px;}}
.k4-p2-tab2-gap1 {width: 15px}
.k4-p2-tab3-border {width: 150px;}
@media(max-width:1200px){.k4-p2-tab3-border {width: calc((100vw - 400px)/30 + 10px);}}
.k4-p2-tab3-gap1 {width: 15px}
.k4-p2-tab3-wid1 {width: 400px; height:auto;}
@media(max-width:1000px){.k4-p2-tab3-wid1 {width: calc((100vw - 10px)/3 + 0px);}}
.k4-p2-tab3-wid2 {width: 139px; height:auto;}
@media(max-width:800px){.k4-p2-tab3-wid2 {width: 121px}}
@media(max-width:700px){.k4-p2-tab3-wid2 {width: 110px}}
.k4-p2-tab5-wid1 {width: 330px; height:auto;}
@media(max-width:800px){.k4-p2-tab5-wid1 {width: 270px}}
@media(max-width:700px){.k4-p2-tab5-wid1 {width: 230px}}
.k4-p2-tab6-wid1 {width: 263px; height:auto;}
@media(max-width:800px){.k4-p2-tab6-wid1 {width: 238px}}

/* calculated as follows: WID - (cadhead wid + 120) - synched with cadhead  */
/*
.k4-p1-tab1-sep1, .k4-p5-left-gap {width: calc((100vw - 740px)/2);}
@media (max-width:800px) {.k4-p1-tab1-sep1, .k4-p5-left-gap {width: calc((100vw - 670px)/2);} }
@media (max-width:700px) {.k4-p1-tab1-sep1, .k4-p5-left-gap {width: calc((100vw - 560px)/2);} }
@media (max-width:600px) {.k4-p1-tab1-sep1, .k4-p5-left-gap {width: calc((100vw - 490px)/2);} }
.k4-p1-tab1-sep2 {width: calc(4vw);}
@media(max-width:800px){.k4-p1-tab1-sep2 {width: calc(3vw);} }
@media(max-width:600px){.k4-p1-tab1-sep2 {width: calc(1vw);} }
.k4-p5-tab1-909 {width: 40px; }
*/
/*.k4-p2-tab1-height {height: 170px}*/
/*.k4-p2-tab1-gap1 {width: 70px}*/
/*.k4-p2-tab1-gap2 {width: 70px}*/
/*
.k4-p2-tab3-border {width: 120px}
@media(max-width:1200px){.k4-p2-tab3-border {width: calc((100vw - 400px)/30 + 0px);}}
.k4-p2-tab3-gap1 {width: 20px}
*/
/* below is 400 - looks ok at 1200 wid */
/* so below 1000 (say), make 1/3rd of 100% */
/*
.k4-p2-tab3-wid1 {width: 400px; height:auto;}
@media(max-width:1000px){.k4-p2-tab3-wid1 {width: calc((100vw - 100px)/3 + 0px);}}
.k4-p2-tab3-wid2 {width: 139px; height:auto;}
@media(max-width:800px){.k4-p2-tab3-wid2 {width: 120px}}
@media(max-width:700px){.k4-p2-tab3-wid2 {width: 110px}}
*/
