/**
 * @license
 * MyFonts Webfont Build ID 3768953, 2019-05-31T17:54:58-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Swiss721BT-Light by Bitstream
 * URL: https://www.myfonts.com/fonts/bitstream/swiss-721/std-light/
 * Copyright: Copyright © 1990 -2018 MyFonts Inc. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3768953
 * 
 * © 2019 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/398279");

  
@font-face {
  font-family: 'Swiss721BT-Light';
  src: url('398279_0_0.eot');
  src: url('398279_0_0.eot?#iefix') format('embedded-opentype'),url('398279_0_0.woff2') format('woff2'),url('398279_0_0.woff') format('woff'),url('398279_0_0.ttf') format('truetype');
}


/*
        This font software is the property of Commercial Type.

        You may not modify the font software, use it on another website, or install it on a computer.

        License information is available at http://commercialtype.com/eula
        For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com

        Copyright (C) 2019 Schwartzco Inc.
        License: 1905-YBNKLI     
*/

@font-face {
    font-family: 'Lyon Display Web';
    src: url('LyonDisplay-RegularItalic-Web.woff2') format('woff2'),
         url('LyonDisplay-RegularItalic-Web.woff') format('woff');
    font-weight:  400;
    font-style:   italic;
    font-stretch: normal;
  }
    
@font-face {
    font-family: 'Lyon Display Web';
    src: url('LyonDisplay-Regular-Web.woff2') format('woff2'),
         url('LyonDisplay-Regular-Web.woff') format('woff');
    font-weight:  400;
    font-style:   normal;
    font-stretch: normal;
  }

  
body {
/*    font-feature-settings: "liga", "kern";*/
    background-color: #F5F5F1;
    font-family: 'Swiss721BT-Light';
    font-weight: normal;
    font-style: normal;
}

.envelope {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin: 22px 29px 16px 29px;
  height: calc(89vh - 38px);
  width: calc(100% - 58px);

/*   background-color: red;  */
}

.leftcol {
/*   background-color: yellow; */
}

.rightcol {
  align-self: flex-end;
  width: 100%;
/*   background-color: green; */
}

.footer {
  flex-grow: 2;
/*  background-color: teal; */
}

@media all and (min-width: 820px) {

  .envelope {
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 35px 65px; 
    height: calc(100vh - 70px);
    width: calc(100% - 130px);
  }

  .leftcol { 
    flex-grow: 1;
    order: 1; 
    flex-basis: 85%;
  }
  .rightcol { 
    flex-grow: 1;
    order: 2;
    align-self: auto;
    width: auto;

  }
  .footer  { 
    flex-grow: 1;
    order: 3;
    align-self: flex-end;
  }
  
}



a {
  text-decoration: none;
  color: #000000;
}


h1 {
  font-family: 'Lyon Display Web';
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
  font-size: 24px;
  line-height: 28px;
  padding: 0px;
  margin: 0px 0px 22px 0px;
}

h1 sup {
  color: #CA9A29;
  font-family: 'Swiss721BT-Light'; 
  font-size: 11px;
  line-height: 11px;
  position: relative;
  top: -10px;
}

h1 a {
  font-style: italic;
}

.text-shadow {
  text-shadow: 
  -2px -2px #F5F5F1, 
  -2px 2px #F5F5F1, 
  2px -2px #F5F5F1, 
  2px 2px #F5F5F1;
}

.underline {
  background-size: 1px 1em;
  box-shadow:
    inset 0 -0.075em #F5F5F1,
    inset 0 -0.125em #CA9A29;
  display: inline;
}

a:hover .underline {
  box-shadow:
  inset 0 -0.075em #F5F5F1,
  inset 0 -0.125em #000000;
}


h1 em {
  font-style: italic;
}

.contact {
  font-size: 15px;
  padding-top: 0px;
  margin-top: 10px;
}

.email:hover {
  color: #CA9A29;
}


ol {
  position: relative;
  left: 19px;
  padding: 0px;
  list-style: none;
  counter-reset: mycounter;
  color: #CA9A29;
  font-size: 11px;
  line-height: 15px;
  width: calc(100% - 19px);
}

ol li {
  counter-increment: mycounter;
  margin-bottom: 15px;
}

ol li::before {
  content: "[" counter(mycounter) "] ";
  position: absolute;
  left: -19px;
}

@media all and (min-width: 820px) {


    h1 {
      font-size: 70px;
      line-height: 72px;
      padding: 0px;
      margin: 0px 0px 64px 0px;
    }
    
    h1 sup {
      font-size: 20px;
      line-height: 20px;
      position: relative;
      top: -39px;
    }
    
    .underline {
      background-size: 1px 1em;
      box-shadow:
        inset 0 -0.1em #F5F5F1,
        inset 0 -0.11em #CA9A29;
      /*    inset 0 -0.175em #F5F5F1,
        inset 0 -0.2em #CA9A29; */
      display: inline;
    }
    
    a:hover .underline {
      box-shadow:
        inset 0 -0.1em #F5F5F1,
        inset 0 -0.11em #000000;
    }

    .contact {
      text-align: right;
      font-size: 20px;

    }
    
  
    ol {
      position: relative;
      left: 32px;
      padding: 0px;
      font-size: 20px;
      line-height: 24px;
      width: 61%;
    }
    
    ol li {
      margin-bottom: 20px;
    }
    
    ol li::before {
      left: -32px;
    }
  
}

@media all and (min-width: 820px) and (max-width: 1145px) {
  h1 {
    font-size: calc(70px * 0.8);
    line-height: calc(72px * 0.80);
    padding: 0px;
    margin: 0px 0px calc(64px * 0.80)x 0px;
  }

  h1 sup {
    font-size: calc(20px * 0.8);
    line-height: calc(20px * 0.8);
    position: relative;
    top: calc(-39px * 0.8);
  }
  
  .underline {
    background-size: 1px 1em;
    box-shadow:
      inset 0 -0.1em #F5F5F1,
      inset 0 -0.11em #CA9A29;
    /*    inset 0 -0.175em #F5F5F1,
      inset 0 -0.2em #CA9A29; */
    display: inline;
  }
  
  a:hover .underline {
    box-shadow:
      inset 0 -0.1em #F5F5F1,
      inset 0 -0.11em #000000;
  }

  .contact {
    text-align: right;
    font-size: calc(20px * 0.8);
  }
  

  ol {
    position: relative;
    left: calc(32px * 0.8);
    padding: 0px;
    font-size: calc(20px * 0.8);
    line-height: calc(24px * 0.8);
    width: 61%;
  }
  
  ol li {
    margin-bottom: calc(20px * 0.8);
  }
  
  ol li::before {
    left: calc(-32px * 0.8);
  }
}