@media (min-width: 992px) and (max-width: 1199px) {
  	#main_wrapper_front, #main_wrapper_project{
  		grid-template-columns: 1fr 3fr;
  		grid-template-rows: 4fr 4fr 4fr 4fr 1fr;
	  	grid-template-areas:
	      "header article"
	      "header article"
	      "aside1 aside1"
	      "aside2 aside2"
	      "footer footer";
    }
    #main_wrapper_project aside#first, #main_wrapper_project aside#second{
		display:block;
	}
	.modal-lg {
	    max-width: 1000px;
	}

}