.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;
	line-height:40px;
	padding-top:2px;
}

.tile h5
{
	margin:5px 0px 5px 0px;
	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;
    -o-transition: all 3.2s;
    transition: all 3.2s;
}

.tile:hover .tile-img 
{
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

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

.tile-text
{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    text-align: center;
	color:white;
	-webkit-transition: all .6s;
    -moz-transition: all .6s;
	-ms-transition: all .6s;
    -o-transition: all .6s;
    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;
    -o-transition: all .6s;
    transition: all .6s;
}

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

.tile-small .tile-text:focus
{
	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;
}