#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"
            "sidebar"
			"highlights"
			"blank-2"
			"benefits"
			;
			gap: 10px;
		padding-bottom: 70px
	}	

	#layout_content-main {

	}
	
	#layout_content-process {
		padding-bottom: 50px;
	}

	#layout_content-benefits {
        padding-top: 0px;
        padding-bottom: 30px;
	}
	
	
	@media (min-width: 660px) {
		#content-body {
			grid-template-columns: 1fr .4fr;
    grid-template-rows: auto;
    grid-template-areas: "content-main	content-main"
				"highlights 	sidebar"
				"benefits 	    sidebar"
                "blank-2        sidebar"
                ;
                gap: 20px
		}
		
		#layout_content-process {
			padding-bottom: 0px;
		}		
			
		
	}	

	
	@media (min-width: 780px) {
		#content-body {
			grid-template-columns: .4fr 1.6fr .7fr 1.6fr;
			grid-template-rows: auto;
			grid-template-areas:
				"blank-2	content-main 	content-main         sidebar"
				"highlights		highlights 		highlights 		 sidebar"
				"benefits 		benefits 		benefits 		 sidebar"
				;
			gap: 20px;
		}
		
		#layout_content-main {
    /* [disabled]padding-bottom: 100px; */
		}

		#layout_content-process {
    /* [disabled]padding-top: 100px; */
		}

		#layout_content-benefits {
    /* [disabled]padding-bottom: 30px; */
		}
		
		#layout_content-highlights {
    /* [disabled]padding-bottom: 20px; */
		}
		
		#layout_content-sidebar {
		}
			
	}
	
	@media (min-width: 900px) {
		#content-body {
			grid-template-columns: .8fr 1.2fr 1fr 1fr;
			grid-template-rows: auto;
			grid-template-areas:
				"blank-2	    content-main 	content-main     sidebar"
				"highlights		highlights 		highlights 		 sidebar"
				"benefits 		benefits 		benefits 		 sidebar"
				;
		}

	}