.company_project_sub_desc{
  display: grid;
  grid-template-columns: auto;
  grid-template-areas:
  "company_project_sub_desc_r1"
  "sub_desc_item_img_label_1"
  "company_project_sub_desc_r2"
  "sub_desc_item_img_label_2";
  justify-content: center;
}
.company_project_sub_desc_r1,
.company_project_sub_desc_r2{
	display: grid;
  	grid-template-columns: minmax(auto,300px) minmax(auto,300px) minmax(auto,300px);
  	grid-gap:1.25em;
}
.company_project_sub_desc_r1 img,
.company_project_sub_desc_r2 img{
	max-height: 350px;
	height: auto;
	width: 100%;
}
.company_project_sub_desc_r2{
	margin-top: 4em;
}
.company_project_sub_desc_r1{
	grid-area:company_project_sub_desc_r1;
}
.company_project_sub_desc_r2{
	grid-area:company_project_sub_desc_r2;
}
.company_project_sub_desc label{
  padding: 0.6em 2em;
  font-size: 21px;
  text-align: center;
  color: #05322b;
  background-color: #6fe88e;
  position: relative;
  top: -22px;
}
.sub_desc_item_img_label_1{
	grid-area:sub_desc_item_img_label_1;
	text-align: end;
}
.sub_desc_item_img_label_1 label{
	left: 15px;
}
.sub_desc_item_img_label_2{
	grid-area:sub_desc_item_img_label_2;
	text-align: left;
}
.sub_desc_item_img_label_2 label{
	left: -15px;
}
@media screen and (max-width: 768px) {
	.company_project_sub_desc{
		grid-template-areas:
		  "company_project_sub_desc_r1"
		  "sub_desc_item_img_label_1"
		  "sub_desc_item_img_label_2"
		  "company_project_sub_desc_r2";
	}
	.company_project_sub_desc_r1,
	.company_project_sub_desc_r2{
		grid-template-columns: auto;
	}
	.company_project_sub_desc_r2{
		margin-top: 0em;
	}
	.sub_desc_item_img_label_2 label{
		top: 22px;
	}
}
@media screen and (max-width: 480px) {
	.sub_desc_item_img_label_1 label{
		left: 5px;
	}
	.sub_desc_item_img_label_2 label{
		left: -5px;
	}
}