@charset "UTF-8"


/*Layout (global rules for all sizes) */

body {
  margin:0;
  padding:0;

  header a.logo{
    display: block;
    position: absolute;
    background-position: 0px 0px;
    background-repeat: no-repeat;
  }

  nav{
    width: 100%;
    display: block;
    position: absolute;
    background-color: #a6430a;
  }
}

/*Large Screen style sheets */

@media screen and (max-width: 990px){
  body footer{
    padding-left: 20px;
  }
}

header{
  height: 275px;
  background: url(personal-website-new.png) no-repeat right 0px;



  a.logo{
    width: 150px;
    height: 85px;
    top: 28px;
    right: 30px;
  }
}

article{
  padding: 60px 20px 10px 20px;
}

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

  .promo{
    width: 33%;
    float: left;

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

nav{
  top: 275px;

  a{
    margin: 12px 0px 10px 20px;
  }
}




@charset "UTF-8"


/*Layout (global rules for all sizes) */

body {
  margin:0;
  padding:0;

  header a.logo{
    display: block;
    position: absolute;
    background-position: 0px 0px;
    background-repeat: no-repeat;
  }

  nav{
    width: 100%;
    display: block;
    position: absolute;
    background-color: #a6430a;
  }
}

/*Large Screen style sheets */

@media screen and (max-width: 990px){
  body footer{
    padding-left: 20px;
  }
}

header{
  height: 275px;
  background: url(personal-website-text-hd.png) no-repeat right 0px;
  background-size: 100% auto;
}

article{
  padding: 60px 20px 10px 20px;
}

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

  .promo{
    width: 33%;
    float: left;

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

nav{
  top: 275px;

  a{
    margin: 12px 0px 10px 20px;
  }
}




Add new image to large screen display
Add new image to large screen display
