nav{
    height: 4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0rem 0.77rem 0rem 0.45rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 0.05rem 0.15rem;
   
}
nav>img:first-child{
    width: 4.4rem;
    height: 1.59rem;
}
nav > button {
display: none;
}

nav>a>img{
    width: 1.5rem;
    padding: 0.45rem 0 0 0;

}


/* Large Devices */

@media screen and (min-width:768px){
nav{
    height: 2rem;
    padding: 0rem 3.40rem 0rem 2.3rem;
} 
nav > img{
    width: 3.544rem;
    height: 1.28rem;
}
nav > button {
font-size: 0.4rem;
width: 3.08rem;
height: 0.93rem;
background-color: #80288F;
display: block;
border-radius: 0.12rem;
border: none;
}
nav>button>a{
    text-decoration: none;
    color: white;
    font-weight: 700;
}
nav>a>img{
display: none;
}

}