body 
{background:#FFFFFF; }


/* Grid With Pictures from plogo*/
.mh1{
	font-size:24px; 
	color:orange; 
}

.mb1{
	color:grey;
	font-size:16px; 
}
 
.mp1{
	height:120px; 
	 
}
.mp1:hover
{
	height:150px; 
	background: orange; 
    	box-shadow: 0 0 10px orange; 
}
/* Grid without Pictures*/

.mh2{
	font-size:20px; 
	color:orange; 
}

.mb2{
	color:grey;
	font-size:14px; 
}

/* category */
.cth1{
	display: grid;
	grid-template-columns: 100px 100px;
  	grid-column-gap: 10px;
	background:white;
}
.ctp1{
 	width:100px;  
	padding-right:8px;
	border-radius: 5%;
}
.ctp1:hover
{
	padding-top:-5px;
	padding-left:-5px;
	padding-right:10px;
 	height:105px; width:105px; 

	  
    background: orange; 
    box-shadow: 0 0 10px orange; 
  
}

.ctb1
{
	color:grey;
	font-size:12px;
	text-decoration:none;
}