html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    text-align: center;
    /*font-family: "Courier New", Courier, monospace; */
}

/* Test */

@font-face {
  font-family: 'NHaasGroteskTXPro-55Rg';
  src: url('./../fonts/NeueHaasGroteskText.eot'); /* IE9 Compat Modes */
  src: url('./../fonts/NeueHaasGroteskText.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./../fonts/NeueHaasGroteskText.woff') format('woff'), /* Modern Browsers */
       url('./../fonts/NeueHaasGroteskText.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('./../fonts/NeueHaasGroteskText.svg#7fa01d7f3a7c8af5bdd5ec61026f448f') format('svg'); /* Legacy iOS */
       
 font-style:   normal;
 font-weight:  400;
}

@font-face {
  font-family: 'NHaasGroteskTXPro-75Bd';
  src: url('./../fonts/NeueHaasGroteskBold.eot'); /* IE9 Compat Modes */
  src: url('./../fonts/NeueHaasGroteskBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./../fonts/NeueHaasGroteskBold.woff') format('woff'), /* Modern Browsers */
       url('./../fonts/NeueHaasGroteskBold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('./../fonts/NeueHaasGroteskBold.svg#5f935d82a6e9801a2b2949fb9fcf9548') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  700;
}

@font-face {
  font-family: 'Avenir Book';
  src: url('./../fonts/avenir.eot'); /* IE9 Compat Modes */
  src: url('./../fonts/avenir.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./../fonts/avenir.woff') format('woff'), /* Modern Browsers */
       url('./../fonts/avenir.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('./../fonts/avenir.svg#589202c858e9ee116eab4a8685515b5e') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

html, body, .header, .body, .cv, .footer {
    font-weight: 'normal';
    font-family: 'Avenir Book', sans-serif;
    font-weight: 400;
    color: #000;
    /* background-color: #F02D09; */
}

a {
  color: #fff;
  color: #000;
  text-decoration: none;
}

p {
  margin: 1rem 0;
}

.header {
  position: fixed;
  top: 11px;
  left: 20px;
  letter-spacing: 0.2rem;
}

.footer {
  position: fixed;
  top: 0px;
  right: 20px;
  /*letter-spacing: 0.2rem;*/
}

.header, .footer {
  text-transform: uppercase;
}

/*@media only screen and (min-width: 960px) { */
@media only screen and (min-width: 768px) {
    .header {
        font-size: 27px;
        line-height: 48px;
        margin: 0 0 122px 0;
        font-weight: 400;
    }
    
    .body {
        font-size: 36px;
        line-height: 48px;
        margin: 0 0 122px 0;
        font-weight: 400
    }
    
    .body ul.cv li {
        margin: 0 0 66px 0;
        line-height: 48px;
    }
    
    .body ul.cv li p {
      line-height: 21px;
    }

    .footer {
        font-size: 18px;
        line-height: 48px;
        margin: 0 0 61px 0;
    }
}
	
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
/*
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .header {
        font-size: 36px;
        line-height: 36px;
        margin: 0 0 91px 0;
        font-weight: 400;
    }
    
    .body {
        font-size: 27px;
        line-height: 36px;
        margin: 0 0 91px 0;
        font-weight: 400
    }
    
    .body ul.cv li {
        margin: 0 0 48px 0;
    }
    
    .footer {
        //margin: 0 0 48px 0;
    }
    
    .footer span.email {
        font-size: 14px;
        line-height: 36px;
    }
}
*/

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    
    .header {
        font-size: 24px;
        line-height: 24px;
        top: 18px;
        margin: 0 0 61px 0;
        font-weight: 400;
    }
    
    .body {
        font-size: 9px;
        line-height: 24px;
        margin: 0 0 61px 0;
        font-weight: 400
    }
    
    .body ul.cv li {
        margin: 0 0 48px 0;
        font-size: 18px;
    }
    
    .body ul.cv li p {
      font-size: 24px;
      line-height: 24px;
    }
    
    .footer {
      top: 15px;  
      font-size: 16px;
      line-height: 24px;
      margin: 0 0 30px 0;
    }
    
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

  html {
    font-size: 21px;
  }

  .header {
      font-size: 21px;
      line-height: 21px;
      margin: 0 auto;
      top: 20px;
      left: 0;
      right: 0;
  }
  
  .body {
      font-size: 21px;
      line-height: auto;
      margin: 0 0 41px 0;
      font-weight: 400
  }
  
  .body ul.cv li {
      margin: 0 0 22px 0;
      font-size: 21px;
  }
  
  .body ul.cv li p {
    line-height: 39px;
    margin: 0.125rem 0;
  }
  
  .body ul.cv li a img {
    height: 24px;
  }
  
  .footer {
      bottom: 20px;
      left: 0;
      right: 0;
      top: auto;

      margin: 0 0 30px 0;
      margin: 0 0 0 0;
  }
  
  .footer span.email {
      font-size: 16px;
      line-height: 16px;
  }

}


.body ul.cv li span.proj {
    font-weight: bold;
    font-family: 'Avenir Book', "NHaasGroteskTXPro-75Bd";
}

.body ul.cv li a.proj {
    font-weight: bold;
    font-family: 'Avenir Book', "NHaasGroteskTXPro-75Bd";
    text-decoration: none;
}

.footer {
    font-family: 'Avenir Book', Georgia;
}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto; 
    width: 100%;
}