body{

    font-family: sans-serif;
 margin: 0;
 }
 
 a{
    text-decoration: none;
     color: black;
 }
 
 header {
     display: flex;  
     justify-content:space-between ;
     min-height: 70px;
     background-color: coral;
     align-items: center;
     padding: 10px;
 }
 
 .logo {
     display: flex;
     align-items: center;
 
 }
 
 .logo img{
     height: 50px;
     margin-right: 10px;
 }
 
 nav a{
 
    font-weight: 600;
    padding-right: 10px;
 }
 
 nav a:hover{
     color:white
 }
 
 @media (max-width:700px) {
     header{
         flex-direction: column;
     }
 
     nav{
         padding: 10px 0px;
     }
 }