@charset "UTF-8";
/* CSS Document */

/* TILES */

.tiles{
    width: 99%;
    margin: 0 auto;
    margin: 15px;
    font-family: Tahoma, Geneva, sans-serif;	
}

.tile{
    background-color: grey;
    width: 140px;
    height: 140px;
    margin: 10px;
    float: left;
    
    border-radius: 2px;
    
    padding: 10px;
    transition: box-shadow 0.2s linear;
    color:#101010;
}  

a .tile:hover{
    box-shadow: 0px 0px 5px #bbb;
    transition: box-shadow 0.2s linear;
    color:#101010;
}

.wide.tile{
    width: 320px;
}

.tile h2{
    position: relative;
    font-size:40px;
    color: #fff;
    margin-bottom: -40px;
    margin-right: 10px;
    float: right;
    vertical-align:bottom;
    bottom: -90px;
    
}

h2.huge{
    font-size: 100px;
    bottom: -68px;
}

h2.big{
    font-size: 60px;
    bottom: -82px;
}

h2.small{
    font-size: 30px;
    bottom: -93px;
}