/*Global */

   .container{

     width:100%;

	 margin:auto;

	 overflow:hidden;

	 }



	



/* boxes */



#boxes{

	margin-top:80px;

	margin-bottom:0px;

}



#boxes .box{

	float:left;

	text-align:center;

	width:33.33%;

	padding:10px;

	background-color:lightgreen;

   

}



#boxes  .box .fa-cog, .box .fa-inr, .box .fa-shopping-cart {

	color:hsl(26, 57%, 41%);

	font-size: 60px;

	

}



#boxes .box .fa-cog:hover{

	color:hsl(21, 88%, 48%);

	width:140px;

}



#boxes .box .fa-inr:hover{

	color:hsl(21, 88%, 48%);

	width:140px;

}



#boxes .box .fa-shopping-cart:hover{

	color:hsl(21, 88%, 48%);

	width:140px;

}



#boxes .box:hover{

	background-color:#ff0770;

}



	

/* header baner */

	



	 

.social {

   float:right;

}

	



/*Global */

   

	

/* Media Queries */

@media (max-width:768px) {

     

	 #boxes .box{	

	 float:none;

	 text-align:center;

	 width:100%;

	 }



	 

	 #baner #branding,

	 #baner #branding,

	 #baner ,

	 #baner li,

	 #boxes .box{	

	 float:none;

	 text-align:center;

	 width:100%;

	 font-size: 20px;

	 }

	  .w3-menu .w3-left{

		font-size: 10px;

		font-family:Georgia, serif;

	}

	

 .parallax{	

	 float:none;

	 min-width:150px;

	 }

}