/*!
Kuang v1.0.0
Copyright 2022 KuaNg**/

/* ========================================================================== */


.rwd_img {max_width: 100%;height: auto;display: block;}


.flex_grid{ 
	display: flex; 
	flex-flow:row wrap;
	justify_content: space_between;
	margin: 0 auto
}

.flex_grid .flexbox_1_1{ flex: 0 0 auto; width: 100%;}
.flex_grid .flexbox_1_2{ flex: 0 0 auto; width: 100%;}
.flex_grid .flexbox_1_3{ flex: 0 0 auto; width: 100%;}
.flex_grid .flexbox_1_4{ flex: 0 0 auto; width: 100%;}

footer .flex_grid .flexbox_1_4{ flex: 0 0 auto; width: 100%;}
footer .flex_grid .flexbox_3_4{ flex: 0 0 auto; width: 100%;}

/**/
@media(min-width: 320px) {
	.flex_grid .flexbox_1_1{ width: 100%;}
	.flex_grid .flexbox_1_2{ width: 100%;}
	.flex_grid .flexbox_1_3{ width: 100%;}
	.flex_grid .flexbox_1_4{ width: 100%;}
	
	
	footer .flex_grid .flexbox_1_4{ width: 100%;}
	footer .flex_grid .flexbox_3_4{ width: 100%;}
	section.project .text .school{ max-width: 100%;}
}

/*@media(min-width: 576px) {
	.flex_grid .flexbox_1_1{ width: 100%;}
	.flex_grid .flexbox_1_2{ width: 100%;}
	.flex_grid .flexbox_1_3{ width: 100%;}
	.flex_grid .flexbox_1_4{ width: 100%;}
	
	
	footer .flex_grid .flexbox_1_4{ width: 100%;}
	footer .flex_grid .flexbox_3_4{ width: 100%;}
	section.project .text .school{ max-width: 100%;}
}*/

@media(min-width: 768px) {
	.flex_grid .flexbox_1_1{ width: 100%;}
	.flex_grid .flexbox_1_2{ width: 100%;}
	.flex_grid .flexbox_1_3{ width: 50%;}
	.flex_grid .flexbox_1_4{ width: 50%;}
	
	
	footer .flex_grid .flexbox_1_4{ width: 100%;}
	footer .flex_grid .flexbox_3_4{ width: 100%;}
	section.project .text .school{ max-width: 100%;}
}

@media(min-width:1024px) {
	.flex_grid .flexbox_1_1{ width: 100%;}
	.flex_grid .flexbox_1_2{ width: 50%;}
	.flex_grid .flexbox_1_3{ width: 33.3%;}
	.flex_grid .flexbox_1_4{ width: 25%;}
	footer .flex_grid .flexbox_1_4{ width: 25%;}
	footer .flex_grid .flexbox_3_4{ width: 75%;}
	
}


@media(min-width:1280px) {
	.flex_grid .flexbox_1_1{ width: 100%;}
	.flex_grid .flexbox_1_2{ width: 50%;}
	.flex_grid .flexbox_1_3{ width: 33.3%;}
	.flex_grid .flexbox_1_4{ width: 25%;}
	
	#btn_menu{display: none;}
	nav ul.pc_menu{display: block;}
	footer .flex_grid .flexbox_1_4{ width: 25%;}
	footer .flex_grid .flexbox_3_4{ width: 75%;}
}

@media(min-width:1920px) {

}

@media(min-width:2560px) {

}

@media(min-width:3840px) {

}

@media(max-width: 1024px) {
  /*section.space { height: 250px; background: url(../images/bg_pic_phone.jpg) scroll; background-size: cover;}*/
}