@media (min-width: 768px) and (max-width: 991px) {
  	#main_wrapper_front{
  		grid-template-columns: 1fr;
  		grid-template-rows: 1fr 5fr 1fr 12fr 1fr;
	  	grid-template-areas:
	      "header"
	      "article"
	      "aside1"
	      "aside2"
	      "footer";
	    height: 200vh;
    }
    header .logo{
		max-width: 20%;
	  	height: auto;
	  	float:left;
	}
    .navbar-expand-sm{
    	flex-flow: column nowrap !important;
    }
    article{
		font-size:2.3vw;
	}
	aside#second{
		background:var(--third-color);
		grid-area: aside2;
		padding:15%;
		
		overflow-y: auto;
		overflow-x: unset;
	}
	article>h1>span.lnr-rocket {
		right:-60px !important;
	}
	article .lnr {
    	font-size: 24px;
	}
	aside#second{
		height: 200%;
		max-height: 200%;
		 
	}
}