body > div > div {
	float:left;
	margin:4px;
	margin-right:8px;
	
	transition: filter 0.5s ease-in-out;
	color:white;
	box-sizing:border-box;
	text-align:center;
}








body > div.wrapper  {
	float:left;
 margin: 0 auto;
  display: grid;
  grid-template-columns:1fr 3fr;
  grid-auto-rows: 1fr;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  
  min-height: 100%;
  
	}





.project_text h1 {
	
	font-size: 2.5em;
	line-height: 120%;
	margin:0px;
	
}

.project_text {
	
	background:#f09200;
	height:auto;
	padding-top:120px;
	
	width:100%
}

.project_text>span {
	padding:40px;
	
	display:block;
	overflow:hidden;
	text-align:left;
	margin:0 auto;
	line-height:150%;
}
.project_images {
	
	width:100%
}

@media only screen and (max-width: 900px) {
	body > div > div {margin:0}
	body>.wrapper {
		
		display:flex  !important;
		width:100%;
	}
	body>.wrapper > * {
		flex: 1 100%;
		
	}
	.project_images {min-height:500px;}
	.project_text {overflow:hidden;display:block;}
	body>.wrapper { display: flex; flex-flow: row wrap;overflow:scroll;}
	body>.wrapper > div {min-height:200px;flex: 1 100%;height:auto !important;}
	body>.wrapper > div:nth-of-type(1) { order: 1; flex: 1 100% !important}
	body>.wrapper > div:nth-of-type(2) { order: 2; flex: 1 100% !important;height:auto;min-height:500px !important;}
	body>.wrapper > div:nth-of-type(3) { order: 4; }
	body>.wrapper > div:nth-of-type(4) { order: 3; flex: 1 100% !important;height:auto !important;min-height:200px !important;}
	body>.wrapper > div:nth-of-type(5) { order: 5; }
	body>.wrapper > div:nth-of-type(6) { order: 6; }
	
	body>.wrapper > div:nth-of-type(7) { order: 7; }
	body>.wrapper > div:nth-of-type(8) { order: 8; }
	body>.wrapper > div:nth-of-type(9) { order: 9; }
	body>.wrapper > div:nth-of-type(10) { order: 10; }
	body>.wrapper > div:nth-of-type(11) { order: 11; }
	body>.wrapper > div:nth-of-type(12) { order: 12; }
	body>.wrapper > div:nth-of-type(13) { order: 13; }

	.title_category {min-height:250px !important;}
	.txt {font-size: 2vw;}
	.btn {font-size: 3vw;}
}

@media only screen and (max-width: 400px) {
	.txt {font-size: 4vw;}
	.btn, body > div > div {font-size: 4vw;}
	.logo {
		padding: 40px;
	}
	.navi_icon {right:80px}
	.project_text {padding-top:100px !important;}
}