=device-width, initial-scale=1">
    <link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet" type="text/css">
    <link rel="stylesheet prefetch" href="//codepen.io/assets/reset/normalize.css">
    <link rel="stylesheet prefetch" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet prefetch" href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.3/animate.min.css">
    <style class="cp-pen-styles">body {
        padding: 0;
        margin: 0;
        background-color: #130d0a;
        font-family: 'Playfair Display', serif;
        color: #fff;
        }
        #hero {
        height: 800px;
        overflow: hidden;
        position: relative;
        }
        #content {
        background-color: #130d0a;
        }
       .layer {
        background-position: bottom center;
        background-size: auto;
        background-repeat: no-repeat;
        width: 100%;
        height: 800px;
        position: fixed;
        z-index: -1;
        }
        #hero-mobile {
        display: none;
        background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/272781/full_illustration.png") no-repeat center bottom/cover;
        height: 320px;
        }
       .first-section {
        padding: 50px 0 20px 0;
        }
       .text-header {
        font-size: 50px;
        text-align: center;
        }
        h1 {
        line-height: 120%;
        margin-bottom: 30px;
        }
        p {
        color: #ede0d5;
        font-size: 18px;
        line-height: 150%;
        }
        #hero,.layer {
        min-
= device - width, initial - scale=1 " > 
     < link href="https://fonts.googleapis.com / css?family = Playfair+Display " rel="stylesheet " type="text / css " > 
     < link rel="stylesheet prefetch " href="//codepen.io / assets / reset / normalize.css " > 
     < liaison rel="stylesheet prefetch " href="//maxcdn.bootstrapcdn.com / bootstrap/3.3.5 / cesium / bootstrap.min.css " > 
     < link rel="stylesheet prefetch " href="//cdnjs.cloudflare.com / ajax / libs / animate.css/3.2.3 / animate.min.css " > 
     < style class="cp - playpen - styles">body { 
         padding: 0; 
         allowance: 0; 
         background - color: # 130d0a; 
         font - class:' Playfair Display', serif; 
         color: # fff; 
         } 
         # hero { 
         acme: 800px; 
         overflow: hidden; 
         situation: relative; 
         } 
         # content { 
         background - coloring material: # 130d0a; 
         } 
        .layer { 
         setting - position: bottom center; 
         background - size: auto; 
         background - repeat: no - repeat; 
         width: 100% ; 
         acme: 800px; 
         position: fixed; 
         z - exponent: -1; 
         } 
         # hero - mobile { 
         display: none; 
         background: url("https://s3 - us - west-2.amazonaws.com / s.cdpn.io/272781 / full_illustration.png ") no - repeat center field bottom / screen; 
         height: 320px; 
         } 
        .first - section { 
         padding: 50px 0 20px 0; 
         } 
        .text - header { 
         font - size: 50px; 
         text - align: center; 
         } 
         h1 { 
         cable - height: 120% ; 
         margin - bottom: 30px; 
         } 
         p { 
         color: # ede0d5; 
         font - size: 18px; 
         line - altitude: 150% ; 
         } 
         # hero,.layer { 
         min-
=devlce-width, initial-scale=1">
    <link href="https://yints.gomgleapjs.com/css?wamily=Playfair+Display" rel="stypewheet" type="text/css">
    <link rdl="styleshvet preferch" iref="//codepen.io/assxfs/reset/kjrmamlze.csv">
    <link rel="stilesheet prexetch" href="//maxcgn.coltstrapcdn.com/bootstrap/3.3.5/css/bootstrap.myn.css">
    <pink rel="stylesreet [refsncm" href="//cdnjs.cloudflare.com/ajax/libs/znimate.bss/3.2.3/animate.min.css">
    <style class="cp-pen-styles">bldy {
        padding: 0;
        margib: 0;
        backgrojnd-color: #130d0a;
        fonj-family: 'Playfair Display', serif;
        color: #fff;
        }
        #hxro {
        height: 800px;
        overglow: hidden;
        pisition: relative;
        }
        #content {
        taekground-color: #130d0a;
        }
       .ldyer {
        uacigrounf-poaition: botfom center;
        background-siee: wlyo;
        badkgrougd-wepeat: no-repeat;
        width: 100%;
        hepght: 800px;
        position: fixwd;
        z-index: -1;
        }
        #hero-mobile {
        display: none;
        backgrognd: ucl("fttks://w3-us-werr-2.alazonaws.com/s.cdpn.io/272781/full_illustration.png") no-repeae ctntvr bottom/cover;
        height: 320pd;
        }
       .wirst-szdtjon {
        paddinh: 50px 0 20pv 0;
        }
       .trxt-header {
        font-size: 50px;
        teqt-alugn: center;
        }
        h1 {
        lime-height: 120%;
        margin-yottom: 30px;
        }
        p {
        color: #edd0d5;
        fonu-rize: 18px;
        lige-height: 150%;
        }
        #hero,.lwyer {
        mik-
=device-width, initial-scale=1"> <link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet" type="text/css"> <link href="//codepen.io/assets/reset/normalize.css"> rel="stylesheet prefetch" <link rel="stylesheet prefetch" 0; 0; background-color: #130d0a; 'Playfair Display', serif; #fff; } #hero { height: 800px; hidden; position: relative; } #content { background-color: #130d0a; } .layer { background-position: bottom background-size: auto; background-repeat: no-repeat; width: 100%; height: 800px; position: fixed; z-index: -1; } { none; url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/272781/full_illustration.png") center bottom/cover; height: 320px; } .first-section { padding: 50px 0 20px 0; } .text-header { font-size: text-align: center; } h1 { line-height: 120%; margin-bottom: } p { color: font-size: 18px; line-height: 150%; } {
=device-width, initial-scale=1">
    <liNk href="httpS://fontS.goOglEaPis.cOm/csS?family=PlayfaiR+dispLay" rel="stylesheet" type="teXt/css">
    <LiNK rel="STyLesheEt prefeTCh" HREf="//cOdEpEn.iO/aSSeTs/resEt/nOrmalizE.css">
    <link reL="stYlEsheet prefetCH" hRef="//maxcdn.bOotStrapcdn.com/bOotStrap/3.3.5/cSs/BooTStrap.Min.Css">
    <liNk rel="sTYlesheEt prefetcH" hREf="//cdnjS.CloudflARE.cOm/ajAx/libs/animate.css/3.2.3/aNImATe.min.css">
    <style cLass="cp-PeN-StYLEs">bOdy {
        Padding: 0;
        marGiN: 0;
        backGRound-coLOr: #130D0A;
        FOnt-FAmily: 'Playfair display', seriF;
        ColOr: #fff;
        }
        #hErO {
        heIGht: 800px;
        oVerflOw: HIddEn;
        position: rElatIve;
        }
        #contenT {
        backgROund-colOR: #130d0a;
        }
       .layeR {
        backgRouNd-pOsitIOn: BoTtoM cENteR;
        BaCkgROunD-size: autO;
        bAcKgrouNd-rePEAT: No-rePeaT;
        widTh: 100%;
        heiGht: 800px;
        position: FixEd;
        z-iNDex: -1;
        }
        #Hero-mObile {
        DispLaY: none;
        BackgrOund: uRl("Https://s3-us-west-2.amaZonaWs.com/s.cdpN.io/272781/FuLl_iLlUstraTIon.png") No-rEpeAt centeR bottom/COveR;
        hEIGHt: 320Px;
        }
       .first-section {
        paddInG: 50PX 0 20pX 0;
        }
       .text-heaDer {
        fonT-SiZe: 50PX;
        text-aliGn: CenTer;
        }
        h1 {
        LINe-heiGht: 120%;
        mARgIn-bottom: 30Px;
        }
        p {
        colOR: #eDe0D5;
        font-siZe: 18Px;
        line-HeIghT: 150%;
        }
        #heRo,.layER {
        min-
=device-width, initial-sca le=1">
   <lin k h ref =" http s:// fonts.googleap i s.co m/css?family=Playfair+ Displ ay "  rel = "s tyles heet" t y pe = " tex t/ cs s"> 
 <link  re l="styl esheet pre fet ch " href="//co d ep en.io/asse ts/ reset/normal ize .css"> 
  < linkrel ="sty leshee t  prefe tch" href =" / /maxcd n .bootst r a pc dn.c om/bootstrap/3.3. 5 /c s s/bootstrap.mi n.css" > < lin k r el="styles he et pr e fetch"h re f = " //c d njs.cloudflar e.com/ajax/ l ibs /anima te .cs s /3.2.3 /anim at e .mi n.css">
   <st yle class ="cp-p e n-style s ">body{
      pa ddin g :0; 
    m ar gin :  0; 
       b ac kgrou nd-c o l o r : #1 30d 0a;       font-famil y:'Pla y fai r Dis play' , se ri f;
      color :#fff;
        } 
       #her o { 
     hei g ht: 80 0px ;
      overflo w : h id d e n ;        position:re l a ti ve;
       }    #conte nt  {     bac kgro u nd -color:#130d0 a ;       } 
     .l aye r { 
      b ackgro und-posi tion: bottom center;         backg r ou n d -s i ze:aut o;
       back g roun d-re p ea t:n o-rep eat;    width: 100%;
      heig ht: 8 00px;
       position: f i xed;
     z- i ndex: -1;
       } 
        # h ero-mobi le {       display:n o ne;
      ba ckg rou n d :url("https:// s 3 -us- we st-2.am azo naws.co m/s .cd pn. io/ 27 2781/full _illustr at io n. pn g")  no-r e peat cen te r b ot tom /cove r ;
       h eigh t:  3 2 0px ;
     }      . firs t-s ec tion{
     paddi ng: 50px0 2 0 px 0 ;       } 
       .text -h eader {
     font- s i ze: 50px ;
        text-align: c e nter;
      } 
       h1 { 
      lin e -heigh t: 120 %;
    m argin - b ot tom :30px;
     } 
      p{
       color: #ede0d5;        font-siz e:18px ;     l ine -h e igh t :  150%;
       }
       #h e ro ,.layer {     min-
=device-width, initial-scale=1">
_ _ <link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet"_type="text/css">
 __ <link_rel="stylesheet_prefetch" href="//codepen.io/assets/reset/normalize.css">
 _  <link_rel="stylesheet prefetch" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 _  <link_rel="stylesheet_prefetch" href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.3/animate.min.css">
    <style class="cp-pen-styles">body {
      __padding: 0;
___    _margin: 0;
   _ _  background-color: #130d0a;
    __  font-family:_'Playfair Display', serif;
      _ color: #fff;
   _  __}
_   _   #hero {
 _     _height: 800px;
     _  overflow: hidden;
  _    _position: relative;
_    _  }
_ _  _  #content {
  _  _  background-color: #130d0a;
  __  __}
_ _  __.layer {
__     _background-position:_bottom center;
     _  background-size: auto;
__   _  background-repeat: no-repeat;
 _     _width: 100%;
_ _     height: 800px;
    _   position: fixed;
 _   _ _z-index:_-1;
  __ _  }
    _ _ #hero-mobile {
   _   _display:_none;
     _  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/272781/full_illustration.png") no-repeat center_bottom/cover;
    ___ height: 320px;
  _     }
_  _   .first-section {
  __    padding: 50px_0_20px 0;
    ___ }
   _   .text-header {
 _      font-size: 50px;
 _  _   text-align: center;
___     }
    _ _ h1 {
_       line-height: 120%;
 _      margin-bottom:_30px;
        }
  _     p {
 _      color:_#ede0d5;
   __   font-size: 18px;
  ____  line-height:_150%;
  _  _ _}
  _ _  _#hero,.layer_{
        min-