.tiles
{
	margin: 4px;
}

.tiles .row
{
	margin-left:0px;
	margin-right:0px;
}

.tile
{
	overflow: hidden;
	padding:0px;
	border: 4px solid #fff;
}

.tile h1
{
	font-size:45px;
	margin:0px;
	font-family: 'MetroFont';
	color:#fff;
}

.tile h5
{
	margin:0px;
	margin-bottom:1px;
	font-size:14px;
	font-family: 'GothamRounded-Book';
}

.tile-img
{
	position: absolute;
    width: 100%;
    height: 100%;
    background-position: center !important;
    background-size: cover !important;
    -webkit-transition: all 3.2s;
    -moz-transition: all 3.2s;
	-ms-transition: all 3.2s;
}

.tile:hover .tile-img 
{
	transform: scale(1.1, 1.1);
}

.tile:hover .tile-text
{
	background-color: rgba(0, 0, 0, 0.1);
}

.tile-text
{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    text-align: center;
	color:white;
	-webkit-transition: all .6s;
    -moz-transition: all .6s;
	-ms-transition: all .6s;
	position:relative;
}

.tile-small
{
	overflow: hidden;
	padding:0px;
	border: 4px solid #fff;
}

.tile-small h1
{
	font-size:45px;
	margin:0px;
}

.tile-small .tile-text
{	
	position: absolute;
    width: 100%;
    height: 100%;
    background: #6C6C6C;
    text-align: center;
	color:white;
	-webkit-transition: all .6s;
    -moz-transition: all .6s;
	-ms-transition: all .6s;
}

.tile-small .tile-text:hover
{
	background-color:rgba(234,0,106,1);
}

@media (max-width: 500px)
{	
	.tile
	{
		font-size:30px;
	}
	
	.tile-small
	{
		font-size:30px;
	}
	
	.tile h1
	{
		font-size:35px;
		line-height:30px;
	}
}

.menu-desplegable-cerrado
{
	display:none;
}

.tilebutton
{
	max-height:150px !important;
}