@font-face {
    font-family: Avenir;
    src: url(../fonts/AvenirLTStd-Roman.eot);
    src: url(../fonts/AvenirLTStd-Roman.woff) format("woff"), url(../fonts/AvenirLTStd-Roman.ttf) format("truetype"), url(../fonts/AvenirLTStd-Roman.svg#AvenirLTStd-Roman) format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Avenir;
    src: url(../fonts/AvenirLTStd-Oblique.eot);
    src: url(../fonts/AvenirLTStd-Oblique.woff) format("woff"), url(../fonts/AvenirLTStd-Oblique.ttf) format("truetype"), url(../fonts/AvenirLTStd-Oblique.svg#AvenirLTStd-Oblique) format("svg");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: Avenir;
    src: url(../fonts/AvenirLTStd-MediumOblique.eot);
    src: url(../fonts/AvenirLTStd-MediumOblique.svg#AvenirLTStd-MediumOblique) format("svg"), url(../fonts/AvenirLTStd-MediumOblique.woff) format("woff"), url(../fonts/AvenirLTStd-MediumOblique.ttf) format("truetype");
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: Avenir;
    src: url(../fonts/AvenirLTStd-Medium.eot);
    src: url(../fonts/AvenirLTStd-Medium.svg#AvenirLTStd-Medium) format("svg"), url(../fonts/AvenirLTStd-Medium.woff) format("woff"), url(../fonts/AvenirLTStd-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: Avenir;
    src: url(../fonts/AvenirLTStd-LightOblique.eot);
    src: url(../fonts/AvenirLTStd-LightOblique.eot?#iefix) format("embedded-opentype"), url(../fonts/AvenirLTStd-LightOblique.woff) format("woff"), url(../fonts/AvenirLTStd-LightOblique.ttf) format("truetype"), url(../fonts/AvenirLTStd-LightOblique/AvenirLTStd-LightOblique.svg#AvenirLTStd-LightOblique) format("svg");
    font-weight: 200;
    font-style: oblique;
}
@font-face {
    font-family: Avenir;
    src: url(../fonts/AvenirLTStd-Light.eot);
    src: url(../fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light) format("svg"), url(../fonts/AvenirLTStd-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/AvenirLTStd-Light.woff) format("woff"), url(../fonts/AvenirLTStd-Light/AvenirLTStd-Light.ttf) format("truetype");
    font-weight: 200;
    font-style: normal
}
@font-face {
    font-family: Avenir;
    src: url(../fonts/AvenirLTStd-Black.eot);
    src: url(../fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black) format("svg"), url(../fonts/AvenirLTStd-Black.woff) format("woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: AvenirLTStd-Heavy;
    src: url(../fonts/AvenirLTStd-Heavy.eot);
    src: url(../fonts/AvenirLTStd-Heavy.svg#AvenirLTStd-Heavy) format("svg"), url(../fonts/AvenirLTStd-Heavy.eot?#iefix) format("embedded-opentype"), url(../fonts/AvenirLTStd-Heavy.woff) format("woff");
    font-weight: 600;
    font-style: normal
}
@font-face {
    font-family: AvenirLTStd-Book;
    src: url(../fonts/AvenirLTStd-Book.eot);
    src: url(../fonts/AvenirLTStd-Book.svg#AvenirLTStd-Book) format("svg"), url(../fonts/AvenirLTStd-Book.woff) format("woff");
    font-weight: 500;
    font-style: normal
}
body {
  background: #eeeded;
  font-family: Avenir,Calibri,'Trebuchet MS',Arial,Helvetica,sans-serif;
  padding: 14px;
  font-size: 15px;
}

.container {
  max-width: 580px;
}

.outer-container {
  padding: 0px;
  border: 1px solid #666;
  background: #fff;
}
.centered {
  text-align: center;
}
input[name="Amount"] {
  text-align: right;
}

@media( min-width: 768px ){
  input[name="Amount"] {
    max-width: 100px;
  }
}
header {
  padding: 5px;
}
main {
  border-top: 1px solid #999;
  padding: 20px;
}

label {
  font-weight: 400;
}

footer {
  text-align: center;
  padding-top: 20px;
  font-size: 11px;
}

label

form {
  margin-bottom: 0;
}

.invoice-number {
  float: right;
  margin: 0 0 10px 10px;
  color: #666;
  font-style: italic;
}