header nav{
    padding-top: 10px;
    display: flex;
    justify-content: space-evenly;
}
header nav a{
    font-size: 2.5rem;
    color: black;
    text-transform: uppercase;
    position: relative;
    text-decoration: none;
}
header nav:hover a{
    transform: scale(1.2);
    opacity: 0.5;
    filter: blur(2px);
}
header nav a:hover{
    color: whitesmoke;
    text-decoration: none;
    transform: scale(1.5);
    opacity: 1;
    filter: blur(0);
}

header nav a:before{
    content: '';
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #545b62;
    transition:0.5s;
    transform-origin:right;
    transform: scaleX(0);
    z-index: -1;
}
header nav a:hover:before{
    transition: 0.5s;
    transform-origin: left;
    transform: scaleX(1);
}
header button{
    display: none;
}

@media screen and (max-width: 815px) {
    header nav{
        display: none;
    }
    .nav-tel{
        transition: 1s;
        display: flex;
        flex-direction: column;
        height: 100vh;
        background-color: rgba(169,169,169, 0.7);
        padding-top:0;
    }
    header nav a{
        padding: 5px;
        max-width: 100%;
        text-align: center;
    }
    header button{
        display: block;
        border: none;
        padding: 0;
        background:transparent;
        position: absolute;
        z-index: 1;
        top:0;
        margin:4px;
    }
    header img{
        width: 65px;
    }
    header nav:hover a{
        transform: scale(1);
    }
    header nav a:hover{
        transform: scale(1);
        opacity: 1;
    }
    header nav a:before{
        content: '';
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
        transition:0.5s;
        transform-origin:right;
    }
    header nav a:hover:before{
        transition: 0.5s;
        transform-origin: left;
        transform: scaleX(1);
    }
}