@font-face { font-family: 'abril'; src: url('../font/AbrilFatface-Regular.ttf'); }
@font-face { font-family: 'abril_text'; src: url('../font/abril_text_regular-webfont.woff2') format('woff2'), url('./font/abril_text_regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
    h1, h2, h3 { font-family:abril; font-weight:100 ;line-height:75%}
    .fadein { display: inline-block; animation: fadeIn linear 7s; -webkit-animation: fadeIn linear 7s; -moz-animation: fadeIn linear 7s; -o-animation: fadeIn linear 7s; -ms-animation: fadeIn linear 7s; animation-fill-mode: forwards; }
    h2.meditation {font-size:66px;line-height:99%}
    h2.meditation span {opacity:0%}
    h2.desc {font-size:120px }
    h3.sub {margin-top:-33px}
  .fadefirst { animation-delay: 1s;}
  .fadesecond { animation-delay: 3s; }
  .fadethird { animation-delay: 5s; }
  .fadefourth { animation-delay: 7s; }
@keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} }
@-moz-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} }
@-webkit-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} }
@-o-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} }
@-ms-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} }

.inset { height: 333px; background-color: black; width: 100% ;position:absolute;left:0px;padding:33px;margin:33px 0px;text-align:center}
.inset div {margin:0px auto;width:63%}
.me {width:90%}

body { background-color:#372b1f;color:#e8b683;width:36%;min-width:500px;margin:10% auto;font-size:2.6em;font-family:abril_text;padding:33px}
a {color:#e8b6aa; }
h1.top {font-weight:100;line-height:80%;font-size:133px;text-align:right;float:right}
h3.path {margin-top: 466px }
.quote { margin:0px auto 333px auto;width:33%;display:block;text-align:center }

 @media only screen and (max-width: 600px) {
   body { font-size:1em; min-width:300px;margin:0px;padding:10px}
  .inset { height:auto;width:80% }
  .quote { font-size:1em;width:90%}
   h1.top {font-weight:100;line-height:80%;font-size:33px;text-align:right;float:right}
    h2.meditation {font-size:33px;line-height:99%}
    h2.meditation span {opacity:0%}
    h2.desc {font-size:33px }
    h3.sub {margin-top:-13px}
    .inset div {width:90%}
}