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;

      }   

  }