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


#mappa
{
    position:absolute;
    top:49px;
    left:0;
    width:100%;
    height:calc(100% - 49px);
    z-index:1;
    text-align:center;
}

#centerdiv
{
    border:2px solid white;
    position:absolute;
    width:216px;
    height:90px;
    top:50%;
    left:50%;
    margin-left:-133px;
    margin-top:-80px;
    z-index:10;
    text-align:center;
    font-size:25px;
    color:white;
    padding:10px 25px;
    text-shadow: 1px 1px 8px rgba(0,0,0,1);
    
    -webkit-transition: font-size 1.5s;
    transition: font-size 1.5s;
}


#centerdiv img
{
    box-shadow: 0px 0px 90px -5px rgba(0,0,0,0.86);
    border-radius:220px;
}


#centerdiv:hover { font-size:27px; }

#content
{
    background-color:rgba(248,248,248,1);
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    padding:80px 0 50px 0;
    font-size:18px;
    color:black;
    text-align:center;
    padding-bottom:100px;
}

.item:hover  .text {
        height: 105px;
}

#content2
{
    width:calc(100% - 70px);
    background-color:white;
    padding:55px 35px;
}

@media(max-width:899px)
{
    #mappa
    {
        top: 65px !important;
        height:calc(100% - 65px) !important;
    }
}