.tbl{display: table;width:100%;height: 100%;}
.tbl-cell{display: table-cell;vertical-align: middle;width:100%;height: 100%;}

.info{position:absolute;display:block;bottom:0;left:0;width:100%;z-index:10000000;text-align: center;color:#fff;font-size: 17px;text-decoration:none;transition: 0.3s;font-weight: bold;}
.info:hover{color:#FF830E;text-decoration: none;}
.info:active{color:#FF830E;text-decoration: none;}

.bola{font-family: 'Courgette', cursive;}

#bola_equip{position: absolute;left:10%;width:200px;z-index:10000;}
#bola_equip svg{max-width:200px;position: relative;}
#bola_equip .info{height:200px;font-size:32px;font-weight:400;line-height: 60px;margin-bottom:5px;}
#bola_equip .info strong{font-size:70px;margin-top:-10px;font-weight:300;}

#bola_us_desitja{position: absolute;left:20%;width:150px;z-index:10000;}
#bola_us_desitja svg{max-width:150px;position: relative;}
#bola_us_desitja .info{height:150px;font-size:32px;font-weight:400;line-height: normal;margin-bottom:10px;color:#333;}

#bola_bones_festes{position: absolute;right:20%;width:150px;z-index:10000;}
#bola_bones_festes svg{max-width:150px;position: relative;}
#bola_bones_festes .info{height:150px;font-size:36px;font-weight:400;line-height: normal;margin-bottom:5px;color:#333;}

#bola_any_nou{position: absolute;right:10%;width:200px;z-index:10000;}
#bola_any_nou svg{max-width:200px;position: relative;}
#bola_any_nou .info{height:200px;font-size:42px;font-weight:400;line-height: 60px;margin-bottom:5px;}
#bola_any_nou .info strong{font-size:70px;margin-top:-10px;}


.dot{
    width:35px;
    height:35px;
    position:absolute;
    background: url('../img/bola_neu.png');
    background-size: 100% 100%;
    opacity: 0.5;
}

#fons{position:relative;width:100%;height:100%;}