html{font-size: 4dvw}
.kide_header{padding: 2dvw}
.kide_nav{background-color: var(--kide-light);
  position: absolute; 
	left: 0; height: fit-content;
	transition: all .25s;
}
.kide_nav>ul{
	display: block; 
	padding: 0; margin: 0; width: 100%; }
.kide_nav>ul>li{
	display: flex;
	justify-content: left;
	margin: 0; padding: 0; width: 100%;
	text-align: left;
}
.kide_nav>ul>li>a{
	display: block; width: 100%; height: fit-content; 
	padding: 3dvw 2dvw;
	text-align: left; }
#logo{height: 10dvw; width: auto; min-width: 15dvw}
#nav_open{display: none}
#lbl_nav_close, #lbl_nav_open{position: absolute; right: 2dvw; padding: 0}
#lbl_nav_close span{}
#lbl_nav_close .bi{width: 5dvw; height: 5dvw;}

#nav_open ~.kide_nav{top: 100%; left: -100%;}
#nav_open:checked ~.kide_nav{top: 100%; left: 0}

#nav_open:checked ~#lbl_nav_open{display: none;}
#nav_open:checked ~#lbl_nav_close{display: block;}
#nav_open ~#lbl_nav_close{display: none;}
#nav_open ~#lbl_nav_open{display: block;}

.kide_btn_primary{font-size: 1.15rem; padding: 1dvw 2dvw}
.kide_hero_title, h1{
	font-size: 3rem
}
h2{font-size: 2.5rem !important; line-height: 1.2}
h3{font-size: 2rem !important; line-height: 1.2}
p{font-size: 1.25rem !important;}

.kide_footer_grid{grid-template-columns: 1fr}

table tr{display: flex; flex-direction: column; margin-bottom: 5dvw}
table tr>td:first-of-type{background-color: green; color: #fff}
table tr>td label{font-weight: bold; width: 100%;display: block; padding: 0}
table tr>td label:after{content: ' :'}
table th{display: none}



.kide_control_center>div>a>span{display: none;}
.kide_control_center{bottom: 1dvw; right: 1dvw}
.kide_control_center img{padding: 1.5dvw !important; width: 12dvw !important; height: 12dvw !important; box-shadow: 1px 1px 2px rgba(0,0,0,.4)}