@media (max-width: 1020px) {
    .phoneNav{
        width: 100%;
        position: relative;
        justify-content: center;
        align-items: center;
        display: none;
        flex-direction: column;
        background-color: white;
    }
    .phoneNav div{
        width: 90%;
        height: 60px;
        position: relative;
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .phoneNav div span{
        width: 90%;
        position: relative;
        justify-content: left;
        align-items: center;
        display: flex;
        border-bottom: rgba(240,240,240,1) 1px solid;
    }
    .phoneNav div a{
        list-style: none;
        color: inherit;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0px;
        line-height: 50px;
        text-align: left;
    }
    .phoneNav div a:hover{
        color: rgba(35,184,188,1);
    }
    .phoneNav.active{

        display: flex;

    }
}
@media (min-width: 1020px) {
    .phoneNav{
        display: none;
    }
}