#content-body {
		grid-template-columns: 99%; /* images do not resize properly inside fr grid template areas especially in a single column layout */
		/* hiding the last row by making the height 0 is not working so use it */
		grid-template-rows: auto;
		grid-template-areas:
			"content-main"
			"benefits"			
			"sidebar"
			"considerations"
			;
			gap: 20px;
		padding-bottom: 90px
	}	
	
	#layout_content-benefits {
		padding-top: 0px;
		padding-bottom: 20px;
	}
	
	#layout_content-service {
		padding-bottom: 30px;
		
	}

	#layout_content-considerations {
	padding-top: 0px;
	}

	#layout_content-main {
	/* [disabled]max-width: 540px; */
	margin-left: auto;
	padding-top: 0;
	padding-right: 14px;
	padding-left: 14px;
	padding-bottom: 0;
	margin-right: auto;
	padding-bottom: 20px;
	}

	#layout_content-process {
		padding-top: 0px;
		padding-bottom: 40px;
	}	

	#layout_content-sidebar {
        padding-top: 0px;
	}	
	
	
	@media (min-width: 660px) {
		#content-body {
			grid-template-columns: 1fr .8fr;
			grid-template-rows: auto;
			grid-template-areas:
				"content-main	sidebar"
				"benefits 	    sidebar"
				"service 		sidebar"
				"considerations	sidebar"
				;
		}

	}	

	
	@media (min-width: 780px) {
		#content-body {
			grid-template-columns: 1.2fr 1fr 1.4fr;
			grid-template-rows: auto;
			grid-template-areas:
				"content-main 	content-main 	sidebar"
				"benefits 		benefits 		sidebar"
				"service 		service 		sidebar"
				"considerations considerations 	sidebar"
				;
		}
		
		#layout_content-benefits {
			padding-top: 0px;
			padding-bottom: 40px;
		}

		#layout_content-service {
			padding-top: 0px;
			padding-bottom: 40px;
		}

		#layout_content-main {
			padding-bottom: 40px;
		}

		#layout_content-process {
			padding-top: 0px;
			padding-bottom: 60px;
		}	

		#layout_content-sidebar {
			padding-top: 0px;
		}	
			
	}