* {
    margin:0;
    padding:0;
    text-decoration:none;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
header {
    background-color:#CECBCB;
    display:flex;
    justify-content:space-around;
    align-items:center;
    height:10vh;
    padding:0 20px;
    .title {
        color:#45b89d;
        text-shadow: rgb(94, 94, 94) 2px 2px 1px;
    }
    .centro{
        display:flex;
        align-items: center;
        margin: 0 8vw;
    }
    .mid {
        position: relative;
        left: 5%;
        width:45%;
        height:100%;
        margin:auto;
        display:flex;
        justify-content:space-between;
        a:last-child {
            margin-left: -5%;
        }
    }
    img {
        height: 90%;
        margin-right: 1%;
    }
    a {
        background-color:#CECBCB ;
        color:black;
        font-size:1em;
        padding: 15px 25px;
        border-radius:4vh;
        cursor:pointer;
        transition: background-color 0.4s ease, transform 0.5s ease;
    }
    a:hover {
        color: white;
        background-color:#45b89d;
        transform:scale(1);
    }
    a:last-child {
        position: relative;
        right: -7.5%;
    }
}
footer {
    position: static;
    /*height:15vh;*/
    background-color: #CECBCB;
    text-align:center;
    width:100%;
    padding: 2% 0;
    div{
        line-height: 5vh;
    }
    .foot{
        display:flex;
        justify-content:space-evenly;
        align-items:center;
        position: relative;
        margin-bottom: 2%;
        top:3vh;
        --altezza: 3vh;
        .contactus{
            position: relative;
            height: var(--altezza);
            width: 40%;
        }
        .social{
            line-height:3vh;
            position: relative;
            height: var(--altezza);
            width: 40%;
            /*bottom:3vh;
            left:3vw;*/
            i {
                z-index: 9999;
                cursor: pointer;
            }
        }
        #learninghub{
            font-size:4vh;
            position:relative;
            width: 40%;
            text-align: center;
            bottom:3vh;
            height: var(--altezza);
        }
    }
    #diritti{
        font-size:1.8vh;
        position:relative;
        /*
        bottom:-3vh;
        left:-1.3vw;*/
    }
    
}