body{
	
	
}

.grid{
	
	max-width:1200px;
	
	margin:0 auto;
	
}

.grid-item{
	
	float:left;
	
	width:23%;
	
	min-height:0px;
	
	background-color:white;	
	
	opacity:.95;
	
	border-radius:99em;
	
	
	margin-top:2%;
	margin-right:.9%;
	margin-bottom:0;
	margin-left:.9%;
	
	overflow:hidden;
	
	border: 1px solid rgba(116, 76, 36, .3);
	

}


.logo{
	
	background-color:orange;
	width:100%;
	heigh:0;
	padding-bottom: 90%;
	
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	
}


.grid-item img{
	
	
	display:block;
	max-width: 100%;
	  
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	
	
}

.grid-item:hover .logo {
	
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
    
	
}

.grid-item:hover img{
	
	
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	
	-webkit-filter: brightness(.2); /* Safari */
    filter: brightness(.2);
	
}

.text {

  color: white;
  font-size: 1.2em;
  font-weight:bold;
  text-align:center;
  
}

.text a{
  color: white;
}