.container_booking {  display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 2fr 1fr 1fr;
	gap: 10px 0px;
	grid-auto-flow: row;
	grid-template-areas:
	  "form_row1 form_row1"
	  "form_row2 form_row2"
	  "form_row3 form_row3"
	  "form_row4 form_row4"
	  "form_row5 form_row5"
	  "form_row6 form_row6";
  }
  
  .form_row1 {  display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	gap: 0px 10px;
	grid-auto-flow: row;
	grid-template-areas:
	  "row1_1 row1_2";
	grid-area: form_row1;
  }
  
  .row1_1 { grid-area: row1_1; }
  
  .row1_2 { grid-area: row1_2; }
  
  .form_row2 {  display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	gap: 0px 10px;
	grid-auto-flow: row;
	grid-template-areas:
	  "row2_1 row2_2";
	grid-area: form_row2;
  }
  
  .row2_1 { grid-area: row2_1; }
  
  .row2_2 { grid-area: row2_2; }
  
  .form_row3 {  display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	gap: 0px 10px;
	grid-auto-flow: row;
	grid-template-areas:
	  "row3_1 row3_2";
	grid-area: form_row3;
  }
  
  .row3_1 { grid-area: row3_1; }
  
  .row3_2 { grid-area: row3_2; }
  
  .form_row4 { grid-area: form_row4; }
  
  .form_row5 { grid-area: form_row5; }
  
  .form_row6 { grid-area: form_row6; padding-top: 15px;}
  

  .color_mathea {
	background-color: #4682B4;
	border-color: #4682B4;
  }

  .color_required {
	color: red;
  }

  .position { text-align: left; }

  @media screen and (max-width: 768px) {
	.container_booking {  
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 3fr 2fr 3fr;
		gap: 15px 0px;
		grid-template-areas:
		  "form_row1"
		  "form_row1"
		  "form_row2"
		  "form_row2" 
		  "form_row3"
		  "form_row3"
		  "form_row4"
		  "form_row5"
		  "form_row6";
	  }

	  .form_row1 {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		gap: 15px 0px;
		grid-template-areas:
		  "row1_1"
		  "row1_2";
	  }

	  .form_row2 {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		gap: 15px 0px;
		grid-template-areas:
		  "row2_1"
		  "row2_2";
	  }

	  .form_row3 { 
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		gap: 15px 0px;
		grid-template-areas:
		  "row3_1"
		  "row3_2";
	  }

	  .position { text-align: center; }
  }