@charset "UTF-8";
$break-small:501px;
$break-large:800px;

@media only screen and (min-width: $break-small) and (max-width: $break-large){

  body{
    background-image: none;
    header {
      height: 200px;
      background: url(personal-website-medium.png )no-repeat right 0px;
      background-size: 800px 200px;


    }
    nav{
      top:200px;

      a{
        margin-right: 20px;
      }
    }

    #about-me{
      height: 270px;
    }

    .promo-container {
      padding: 10px 0px 15px 10px;

      .promo{
        background-position: 0px 0px;

        .content{
          padding: 70px 10px 0px 0px;
        }
      }
    }
  }


}
@charset "UTF-8";
$break-small:501px;
$break-large:800px;

@media only screen and (min-width: $break-small) and (max-width: $break-large){

  body{
    background-image: none;
    header {
      height: 200px;
      background: url(personal-website-medium.png )no-repeat right 0px;
      background-size: 800px 200px;


    }
    nav{
      top:200px;

      a{
        margin-right: 20px;
      }
    }

    #about-me{
      height: 270px;
      padding-bottom: 20px;
    }

    .promo-container {
      padding: 10px 0px 15px 10px;

      .promo{
        background-position: 0px 0px;

        .content{
          padding: 70px 10px 0px 0px;
        }
      }
    }
  }


}
Add bottom padding to about me container
Add bottom padding to about me container
