@font-face {
	font-family:"Ribeye";
	src:url(../fonts/ribeye_marrow.woff);
}
body{
	font:15px verdana;
	margin:0px;
	padding:0px;
	text-indent:12px;
	cursor: url(../img/cursor.png), url(../img/cursor.cur), pointer;
}


h2{
	font-family:Ribeye, vergara, serif;
	text-align:center;
	text-transform:capitalize;
	
	font-size:5.5ex;
}
   
img{
	
    margin-left:41%;
	width:20%;
	height:332px;
	
	
}

.uno{
	background-color:#02B108;	
	margin:3px;
	padding:4px;
		
}
.dos{
	background-color:#059ACA;
	margin:3px;
	padding:4px;
  	
	
}
.tres{
	background-color:#DBBC21;
	margin:3px;
	padding:4px;
		
}
ul{
	
	margin-left:15%;
	
}
p{
	margin-left:20%;
	margin-right:20%;
	
	
}
img:hover {
  filter: grayscale(1);
  background:blue;
  width:500px;
  height:500px;
   transition:  all 3s linear;
   
}
@media (max-width: 1000px){
	img{
	
	 margin-left:35%;
	width:45%;
	height:310px;
	
	}
	img:hover {
  filter: grayscale(1);
  background:blue;
  width:300px;
  height:400px;
   transition:  all 3s linear;
   
}
}


@media (max-width: 700px){
	img{
	 margin-left:30%;
	width:40%;
	height:183px;
	
	}
	img:hover {
  filter: grayscale(1);
  background:blue;
  width:300px;
  height:300px;
   transition:  all 3s linear;
   
}
}