body{
    font-family: Arial, Helvetica, sans-serif;
    background: #ffffff
  }
  
  h1{
    /* position: relative; */
    top: 15px;
    font-size: 20px;
    text-align: center;
  }
  
  .logo{
    position: relative;
    top: 15px;
    text-align: left;
  }
  
  nav{
   height: 70px;
   background-color:#000000;
   text-align: end;
  }
  
  nav ul{
    list-style: none;
    display: inline-block;
    padding:18px;
  }
  
  nav ul li{
     float: left;
     width: 50px;
     margin-top: 20px;
  }
  
  nav ul li a {
     color: white;
     font-weight: bold;
     text-decoration: none;
     padding: 18px;
     position: relative;
     bottom: 55px;
  }
  
  
    @media screen and (min-width: 1000px){
  
      *{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
     }
  
      body{
        font-family: Arial, Helvetica, sans-serif;
        background: #f0f0f0;
      }
  
      h1{
        /* position: relative; */
        top: 20px;
        text-align: center;
      }
  
      .logo{
        position: relative;
        top: 15px;
        text-align: left;
      }
      
      nav{
       width: 100%;
       height: 70px;
       background-color:#000000;
       text-align: end;
      }
      
      nav ul{
        list-style: none;
        display: inline-block;
        padding:18px;
      }
      
      nav ul li{
         float: left;
         margin-top: 20px;
      }
      
      nav ul li a {
         color: white;
         font-weight: bold;
         text-decoration: none;
         font-size: 20px;
         padding: 18px;
         position: relative;
         bottom: 55px;
      }   
  }