@media (min-width: 480px) and (max-width: 767px) {
	#main_wrapper_front{
  		grid-template-columns: 1fr;
  		grid-template-rows: 1fr 3fr 3fr 12fr 1fr;
	  	grid-template-areas:
	      "header"
	      "article"
	      "aside1"
	      "aside2"
	      "footer";
	    height: 200vh;
    }
	header .logo{
		max-width: 30%;
	  	height: auto;
	  	float:left;
	}
	.navbar-toggler{
		float:right;
	}
	header{
		padding:0px;
	}
	article{
		font-size:3.3vw;
	}
	
	article>h1>span.lnr-rocket {
		right:-45px !important;
	}
	aside#first>div#firstline>div{
		width:50%;
	}
	aside#second{
		height: 200%;
		max-height: 200%;
		 
	}
}