[data-icon]:before {
  font-family: "penedo" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*
[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "penedo" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-user:before {
    content: "\61";
}

.icon-briefcase:before {
    content: "\62";
}

.icon-user-1:before {
    content: "\63";
}

.icon-skype:before {
    content: "\65";
}

.icon-card:before {
    content: "\66";
}

.icon-folder:before {
    content: "\67";
}

.icon-e-mail:before {
    content: "\69";
}

.icon-down:before {
    content: "\6a";
}

.icon-close:before {
    content: "\6b";
}

.icon-circle:before {
    content: "\6c";
}

.icon-linkedin:before {
    content: "\6d";
}
*/
html {
  height: 100%;
  margin: 0;
  font-size: 90%; }

body.fp {
  background-image: url("../img/paper-bg-grey.png");
  background-repeat: repeat;
  background-size: cover; }
  body.fp h2 {
    font-size: 32px; }
  body.fp h3 {
    font-size: 28px; }
  body.fp h4 {
    font-size: 20px;
    font-family: 'Open Sans'; }
  body.fp p {
    font-size: 16px;
    line-height: 26px;
    font-family: 'Open Sans';
    text-align: justify; }

body.penedo {
  background-color: #fbfbfb;
  color: #666;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  background-image: url(../img/paper-bg-grey.png);
  background-repeat: repeat;
  background-size: 100%; }
  body.penedo.folio {
    background-color: #000; }
    body.penedo.folio ul li span {
      margin-left: 0; }
    body.penedo.folio .sample {
      text-transform: none;
      font-size: 420%; }
  body.penedo h2,
  body.penedo h3,
  body.penedo h4 {
    text-transform: uppercase;
    font-family: 'Playfair Display';
    color: #000;
    font-weight: 800;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px 1px #ccc; }
  body.penedo a {
    color: #5d5d5d;
    text-decoration: none; }
    body.penedo a:hover {
      color: #111;
      transition: 150ms; }
  body.penedo header {
    position: relative; }
    body.penedo header a.button.down {
      background-color: rgba(255, 255, 255, 0.66);
      backdrop-filter: blur(30px);
      width: 38px;
      height: 38px;
      z-index: 500;
      position: absolute;
      top: 44vh;
      margin-left: auto;
      margin-right: auto;
      margin-top: 22px;
      display: inline-block;
      overflow: hidden;
      border-radius: 50px;
      transition: 150ms;
      text-align: center; }
      body.penedo header a.button.down i {
        color: #000;
        font-size: 16px;
        line-height: 38px;
        text-align: center; }
      body.penedo header a.button.down:hover {
        background-color: #c60087;
        backdrop-filter: blur(30px); }
        body.penedo header a.button.down:hover i {
          color: #fff; }
    body.penedo header div.title h1 {
      color: #000;
      letter-spacing: 1px;
      margin-bottom: 4px;
      font-size: 32px;
      font-family: 'Playfair Display';
      text-transform: none;
      font-weight: 600;
      z-index: 100; }
    body.penedo header div.title h2 {
      text-align: left;
      letter-spacing: 1px;
      font-weight: 400;
      font-size: 18px; }
    body.penedo header div.title div.me {
      display: inline-block;
      position: fixed;
      scroll-behavior: none;
      top: 32px;
      left: 32px;
      z-index: 100; }
    body.penedo header div.title figure {
      display: inline; }
  body.penedo div.illustration {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 479px;
    height: 844px; }
    body.penedo div.illustration div.random_bg.bk {
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: bottom right; }
  body.penedo div.buttons {
    display: inline-block;
    padding: 0;
    margin-right: auto;
    margin-left: auto; }
  body.penedo div.lang {
    padding-top: 60px; }
  body.penedo div.lang a.button {
    padding: 6px 8px;
    color: #000;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
    margin-right: 8px;
    display: inline-block; }
    body.penedo div.lang a.button.active {
      background-color: #f03e54;
      color: #fff;
      font-weight: 400; }
    body.penedo div.lang a.button:hover {
      background-color: #e02e44;
      text-decoration: none;
      border: none;
      cursor: pointer;
      color: #fff; }
  body.penedo .side img {
    border-radius: 50%;
    max-width: 58px; }
  body.penedo .middle {
    margin-top: 28vh; }
  body.penedo section {
    display: block;
    clear: both;
    min-height: 101vh;
    margin-top: -8px;
    scroll-margin: 10px;
    border-top: 1px solid #ccc; }
    body.penedo section.main {
      box-shadow: rgba(17, 12, 46, 0.05) 0px 48px 100px 0px;
      border-bottom: 1px solid #ccc; }
    body.penedo section h2 {
      font-size: 28px;
      letter-spacing: 3px; }
    body.penedo section h3 {
      padding-top: 2px;
      font-size: 22px;
      letter-spacing: 2px; }
    body.penedo section ul h3 {
      font-size: 18px;
      margin-left: 22px; }
    body.penedo section div.bio p {
      font-size: 18px; }
    body.penedo section p {
      font-weight: 400;
      line-height: 24px;
      font-size: 16px;
      text-align: justify;
      font-family: 'Open Sans', sans-serif;
      color: #2b2b2b; }
    body.penedo section ul.work-items {
      margin-bottom: 32px;
      display: block; }
      body.penedo section ul.work-items h4.it {
        text-transform: none;
        font-weight: 600;
        font-size: 14px; }
      body.penedo section ul.work-items li.work-card {
        padding-bottom: 0; }
        body.penedo section ul.work-items li.work-card div.panel {
          background-color: rgba(255, 255, 255, 0.5);
          background-image: url("../img/paper-bg-grey.png");
          box-shadow: rgba(17, 12, 46, 0.05) 0px 48px 100px 0px;
          border: 3px solid #fff;
          display: inline-block;
          border-radius: 10px;
          padding: 6px;
          padding-bottom: 0;
          z-index: 10; }
          body.penedo section ul.work-items li.work-card div.panel img {
            border-radius: 6px;
            opacity: 0.8; }
          body.penedo section ul.work-items li.work-card div.panel h3 {
            font-family: 'Open Sans', sans-serif;
            color: #2b2b2b;
            font-size: 22px;
            font-weight: 700;
            letter-spacing: 1px;
            text-transform: none;
            margin-left: 0;
            line-height: 12px; }
          body.penedo section ul.work-items li.work-card div.panel a.button {
            opacity: 0.8; }
          body.penedo section ul.work-items li.work-card div.panel:hover {
            transition: 200ms;
            box-shadow: rgba(17, 12, 46, 0.19) 0px 48px 100px 0px;
            z-index: 100; }
            body.penedo section ul.work-items li.work-card div.panel:hover span.date,
            body.penedo section ul.work-items li.work-card div.panel:hover h3 {
              color: #000;
              transition: 200ms; }
            body.penedo section ul.work-items li.work-card div.panel:hover img,
            body.penedo section ul.work-items li.work-card div.panel:hover a.button {
              opacity: 1;
              transition: 200ms; }
        body.penedo section ul.work-items li.work-card span.date {
          font-size: 11px;
          font-weight: 600;
          line-height: 12px; }
        body.penedo section ul.work-items li.work-card a.button {
          background-color: #3b3b3b;
          border-radius: 6px;
          padding: 2px 12px;
          color: #f7f7f7;
          font-size: 16px; }
          body.penedo section ul.work-items li.work-card a.button i {
            font-size: 12px; }
          body.penedo section ul.work-items li.work-card a.button:hover {
            background-color: #000;
            color: #fff;
            transition: 150ms;
            box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; }
  body.penedo div.floater-card {
    background-color: red;
    display: block;
    position: absolute;
    top: 32px;
    left: 32px;
    box-shadow: 0px 3.2px 6.1px rgba(0, 0, 0, 0.022), 0px 8.4px 15.5px rgba(0, 0, 0, 0.031), 0px 17.4px 31.7px rgba(0, 0, 0, 0.039), 0px 35.7px 65.3px rgba(0, 0, 0, 0.048), 0px 93px 179px rgba(0, 0, 0, 0.07); }
  body.penedo article {
    display: block;
    overflow: hidden;
    background-color: red;
    position: relative; }
    body.penedo article div.top {
      height: auto;
      min-height: auto;
      border: 1px solid red; }
      body.penedo article div.top hr {
        border: none; }
  body.penedo ul.skillset h4 {
    padding-left: 24px;
    font-size: 16px; }
  body.penedo ul.skillset li {
    font-weight: 600;
    font-size: 14px;
    padding-top: 12px;
    padding-left: 24px;
    color: #444;
    font-family: 'Open Sans', sans-serif; }
  body.penedo .time-items {
    position: relative;
    border-left: 1px dashed #999; }
    body.penedo .time-items h4 {
      font-family: 'Open Sans', sans-serif; }
    body.penedo .time-items ul {
      list-style: none;
      border-left: 1px solid #999;
      list-style: outside none none;
      margin-left: -1px;
      z-index: 10;
      position: relative; }
      body.penedo .time-items ul li.timeline-item {
        margin: 12px 22px; }
        body.penedo .time-items ul li.timeline-item div.date {
          font-size: 12px;
          font-weight: 600;
          color: #333; }
        body.penedo .time-items ul li.timeline-item a {
          border-bottom: 1px solid #cfcfcf;
          color: #000; }
          body.penedo .time-items ul li.timeline-item a:hover {
            border-bottom: 1px solid navy; }
        body.penedo .time-items ul li.timeline-item h4 {
          font-size: 16px;
          margin-bottom: 2px;
          font-weight: 600; }
          body.penedo .time-items ul li.timeline-item h4 span.mini {
            font-size: 13px;
            text-transform: none; }
        body.penedo .time-items ul li.timeline-item h5 {
          font-size: 14px;
          font-weight: 300;
          margin-bottom: 6px;
          text-transform: none; }
    body.penedo .time-items p {
      overflow: visible; }
    body.penedo .time-items span.marker {
      width: 11px;
      height: 11px;
      border: 1px solid #999;
      background-color: #f8f8f8;
      position: absolute;
      left: -6px;
      margin-top: 4px;
      border-radius: 50%; }
      body.penedo .time-items span.marker.big {
        width: 25px;
        height: 25px;
        left: -13px; }
  body.penedo div.ink-tabs {
    position: relative; }
    body.penedo div.ink-tabs ul.tabs-nav {
      width: 100%;
      display: block;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      border: none; }
      body.penedo div.ink-tabs ul.tabs-nav li {
        display: inline-block;
        float: none; }
        body.penedo div.ink-tabs ul.tabs-nav li a {
          background: none;
          border: none;
          color: #5d5d5d;
          text-transform: uppercase;
          font-weight: 400;
          border-radius: 0; }
          body.penedo div.ink-tabs ul.tabs-nav li a:hover {
            text-decoration: none;
            color: #333; }
        body.penedo div.ink-tabs ul.tabs-nav li.active {
          border-bottom: 1px solid #f03e54; }
          body.penedo div.ink-tabs ul.tabs-nav li.active a {
            color: #333;
            opacity: 1; }
    body.penedo div.ink-tabs ul.mosaic {
      overflow: hidden; }
      body.penedo div.ink-tabs ul.mosaic li {
        position: relative;
        overflow: hidden;
        margin-top: 0; }
        body.penedo div.ink-tabs ul.mosaic li figure {
          position: relative; }
          body.penedo div.ink-tabs ul.mosaic li figure span {
            color: #fff;
            background-color: #f03e54;
            font-size: 14px;
            font-weight: 400;
            padding: 2px 6px;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 500; }
        body.penedo div.ink-tabs ul.mosaic li img {
          opacity: 0.8; }
        body.penedo div.ink-tabs ul.mosaic li:hover h4 {
          color: #333;
          transition: 150ms; }
        body.penedo div.ink-tabs ul.mosaic li:hover img {
          opacity: 1;
          transition: 150ms; }
        body.penedo div.ink-tabs ul.mosaic li a h4 {
          color: #888;
          font-size: 12px;
          font-weight: 600;
          text-decoration: none;
          display: block;
          padding: 2px 4px;
          margin-top: 10px; }
          body.penedo div.ink-tabs ul.mosaic li a h4:hover {
            color: #333;
            text-decoration: none;
            transition: 150ms; }
  body.penedo p.phone {
    font-weight: 400;
    text-align: center; }
  body.penedo p.address {
    font-weight: 400;
    text-align: center; }
  body.penedo #E h5 {
    font-size: 150%; }
  body.penedo ul.card {
    background-color: rgba(255, 255, 255, 0.5);
    background-image: url("../img/paper-bg-grey.png");
    box-shadow: rgba(17, 12, 46, 0.05) 0px 48px 100px 0px;
    border: 3px solid #fff;
    border-radius: 6px;
    display: inline-block;
    margin-top: 16vh; }
    body.penedo ul.card:hover {
      box-shadow: rgba(17, 12, 46, 0.1) 0px 48px 80px 0px;
      transition: 180ms; }
    body.penedo ul.card h3 {
      text-transform: none;
      letter-spacing: 1px;
      color: #eee; }
  body.penedo ul.contact-list li {
    display: inline-block; }
    body.penedo ul.contact-list li a.button {
      background-color: transparent;
      display: inline-block;
      padding: 12px 20px;
      color: #333;
      font-size: 32px; }
      body.penedo ul.contact-list li a.button span {
        font-size: 36px;
        width: 44px;
        margin: 0;
        transition: 150ms; }
        body.penedo ul.contact-list li a.button span i {
          color: #333; }
      body.penedo ul.contact-list li a.button:hover {
        transition: 150ms; }
        body.penedo ul.contact-list li a.button:hover span.mail i {
          color: #d0362c;
          transition: 150ms;
          filter: drop-shadow(-4px 4px 4px rgba(208, 54, 44, 0.2)); }
        body.penedo ul.contact-list li a.button:hover span.linkedin i {
          color: #0177b5;
          transition: 150ms;
          filter: drop-shadow(-4px 4px 4px rgba(1, 119, 181, 0.2)); }
        body.penedo ul.contact-list li a.button:hover span.phone i {
          color: #00aff0;
          transition: 150ms;
          filter: drop-shadow(-4px 4px 4px rgba(0, 175, 240, 0.2)); }
  body.penedo.mail {
    color: #3a7f84; }
  body.penedo.linkedin {
    color: #0177b5; }
  body.penedo.facebook {
    color: #3a5795; }
  body.penedo div.project {
    position: relative;
    font-weight: 400;
    overflow: hidden; }
    body.penedo div.project span.button a.back {
      padding: 8px;
      font-size: 1.5em;
      position: absolute;
      top: 40px;
      left: 58px;
      width: 32px;
      height: 32px;
      display: block;
      overflow: hidden;
      background-color: #000;
      position: fixed;
      z-index: 550;
      border-radius: 50px; }
      body.penedo div.project span.button a.back:hover {
        background-color: #f03e54; }
    body.penedo div.project h4 {
      font-weight: 400; }
    body.penedo div.project h3 {
      display: inline-block;
      margin-bottom: 6px;
      margin-right: 6px;
      font-size: 175%;
      display: inline-block; }
    body.penedo div.project span.year {
      clear: both;
      display: inline-block;
      font-size: 13px;
      font-weight: 400; }
    body.penedo div.project h5 {
      margin-bottom: 2px;
      font-weight: 400;
      font-size: 100%;
      color: #000;
      text-transform: uppercase; }
    body.penedo div.project a.ink-button {
      background-color: #000;
      text-transform: uppercase;
      color: #fff;
      border: none;
      text-transform: uppercase;
      font-size: 12px; }
      body.penedo div.project a.ink-button:hover {
        background-color: #f03e54;
        color: #fff;
        box-shadow: none;
        transition: 150ms; }
    body.penedo div.project ul.pic-list li {
      float: left; }
  body.penedo div.menu-tape {
    position: fixed;
    z-index: 1;
    margin: 0;
    bottom: 42px;
    height: 48px;
    right: auto;
    left: auto;
    top: auto;
    text-align: center;
    display: flex;
    align-content: center;
    width: 100vw;
    z-index: 90; }
    body.penedo div.menu-tape a {
      margin-top: 18px;
      margin-right: 12px;
      margin-left: 12px;
      letter-spacing: 1px; }
    body.penedo div.menu-tape nav.Quick-navigation {
      width: 400px;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      background-image: url(../img/menu-tape2.png);
      background-repeat: no-repeat;
      background-size: 100%;
      height: 63px;
      width: 560px;
      padding-left: 30px;
      z-index: 100;
      position: relative; }
      body.penedo div.menu-tape nav.Quick-navigation span.menu-marker {
        visibility: hidden;
        color: #000;
        font-weight: 500;
        margin-right: -16px;
        margin-top: 8px;
        margin-left: 12px; }
        body.penedo div.menu-tape nav.Quick-navigation span.menu-marker i {
          font-size: 8px; }
    body.penedo div.menu-tape nav a.Quick-navigation-item {
      margin-bottom: 6px;
      display: inline-block;
      text-transform: none;
      font-size: 16px;
      color: #ddd;
      height: 24px;
      margin-top: 24px;
      margin-right: 8px;
      font-family: 'Playfair Display';
      font-weight: 400;
      padding: 4px 8px;
      line-height: 14px;
      border-radius: 4px; }
      body.penedo div.menu-tape nav a.Quick-navigation-item:hover {
        color: #fff;
        opacity: 1;
        transition: 150ms; }
      body.penedo div.menu-tape nav a.Quick-navigation-item.gototop i.fa-circle-dot {
        display: none; }
      body.penedo div.menu-tape nav a.Quick-navigation-item i {
        font-size: 14px; }
      body.penedo div.menu-tape nav a.Quick-navigation-item span.menu-marker {
        display: none; }
      body.penedo div.menu-tape nav a.Quick-navigation-item.current {
        color: #000;
        background-color: #fff;
        font-size: 16px;
        opacity: 1;
        transition: 150ms; }
        body.penedo div.menu-tape nav a.Quick-navigation-item.current span.menu-marker i {
          color: #c60087; }
        body.penedo div.menu-tape nav a.Quick-navigation-item.current span.menu-marker {
          visibility: visible;
          transition: 150ms; }
        body.penedo div.menu-tape nav a.Quick-navigation-item.current.gototop {
          border-top: 2px solid #fff; }
          body.penedo div.menu-tape nav a.Quick-navigation-item.current.gototop i.fa-arrow-up {
            display: none; }
          body.penedo div.menu-tape nav a.Quick-navigation-item.current.gototop i.fa-circle-dot {
            display: block; }
  body.penedo nav.bottom-navigation a span.xsmal {
    font-size: 10px;
    display: block;
    text-transform: uppercase; }
  body.penedo nav.bottom-navigation a i {
    display: block; }
  body.penedo nav.bottom-navigation a.bottom-navigation-item:hover, body.penedo nav.bottom-navigation a.bottom-navigation-item.current {
    color: #000;
    transition: 150ms; }

/* for xlarge screens */
/* for large screens */
/* for medium screens */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  body.penedo div.project span.button a.back {
    top: 10px;
    left: 10px; } }
/* for small screens */
@media screen and (min-width: 500px) and (max-width: 768px) {
  body.penedo {
    background-image: url("../img/paper-bg-grey.png");
    background-repeat: repeat;
    background-size: cover; }
    body.penedo div.illustration {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 333px;
      height: 65vh; }
    body.penedo h1 {
      font-size: 22px;
      letter-spacing: 0; }
    body.penedo header div.title {
      text-align: left; }
      body.penedo header div.title div.me {
        top: 0;
        left: 0;
        padding: 10px;
        margin: 6px;
        border-radius: 18px;
        background-color: rgba(255, 255, 255, 0.5);
        backdrop-filter: blur(23px);
        z-index: 100; }
      body.penedo header div.title h2 {
        font-size: 18px;
        text-align: left;
        padding: 0;
        letter-spacing: 0.1em; }
    body.penedo header a.down {
      bottom: 20vh; }
    body.penedo header div.lang {
      padding-top: 32px; }
    body.penedo section {
      padding-top: 18vh;
      margin-top: -22px; }
      body.penedo section h2 {
        font-size: 22px; }
      body.penedo section div.bio p {
        font-size: 14px;
        line-height: 22px; }
    body.penedo div.menu-tape {
      bottom: 0;
      left: auto;
      right: auto;
      position: relative;
      z-index: 100; }
      body.penedo div.menu-tape nav.Quick-navigation {
        max-width: 385px;
        height: 52px;
        margin-left: -6px; }
        body.penedo div.menu-tape nav.Quick-navigation a.Quick-navigation-item {
          margin: 0;
          margin-top: 12px;
          margin-right: 3px;
          font-size: 16px;
          font-weight: 600;
          font-family: 'Open Sans', sans-serif;
          background-image: url(../img/menu-tape2.png);
          background-repeat: no-repeat; }
          body.penedo div.menu-tape nav.Quick-navigation a.Quick-navigation-item .gototop {
            margin-right: 8px;
            margin-left: -6px; }
    body.penedo div.project span.button a.back {
      top: 10px;
      left: 10px; }
    body.penedo .middle {
      margin-top: 14vh; }
    body.penedo div.project span.button a.back {
      top: 10px;
      left: 10px; }
    body.penedo div.timeline {
      padding-left: 22px; } }
/* for tiny screens */
@media screen and (max-width: 499px) {
  body.penedo {
    background-image: url("../img/paper-bg-grey.png");
    background-repeat: repeat;
    background-size: cover; }
    body.penedo div.illustration {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 333px;
      height: 65vh; }
    body.penedo h1 {
      font-size: 22px;
      letter-spacing: 0; }
    body.penedo header div.title {
      text-align: left; }
      body.penedo header div.title div.me {
        top: 0;
        left: 0;
        padding: 10px;
        margin: 6px;
        border-radius: 18px;
        background-color: rgba(255, 255, 255, 0.5);
        backdrop-filter: blur(23px);
        z-index: 100; }
      body.penedo header div.title h2 {
        font-size: 14px;
        text-align: left;
        padding: 0;
        letter-spacing: 0.08em;
        font-weight: 500; }
    body.penedo header a.down {
      bottom: 20vh; }
    body.penedo header div.lang {
      padding-top: 32px; }
    body.penedo section {
      padding-top: 18vh;
      margin-top: -1px; }
      body.penedo section h2 {
        font-size: 22px; }
      body.penedo section h2.cv {
        padding-top: 0; }
      body.penedo section div.bio p {
        font-size: 14px;
        line-height: 22px; }
    body.penedo div.project span.button a.back {
      top: 10px;
      left: 10px; }
    body.penedo .middle {
      margin-top: 14vh; }
    body.penedo header div.title {
      text-align: left; }
      body.penedo header div.title div.me {
        top: 0;
        left: 0;
        padding: 6px;
        margin: 10px;
        border-radius: 18px;
        background-color: rgba(255, 255, 255, 0.5);
        backdrop-filter: blur(23px);
        z-index: 100; }
      body.penedo header div.title h2 {
        font-size: 18px;
        text-align: left;
        padding: 0;
        letter-spacing: 0.1em; }
    body.penedo header a.down {
      bottom: 20vh; }
    body.penedo header div.lang {
      padding-top: 32px; }
    body.penedo div.menu-tape {
      position: fixed;
      bottom: 0;
      left: auto;
      right: auto;
      bottom: 0; }
      body.penedo div.menu-tape nav.Quick-navigation {
        max-width: 375px;
        height: 52px;
        margin-left: -6px;
        background-image: url(../img/menu-tape2.png);
        background-repeat: no-repeat; }
        body.penedo div.menu-tape nav.Quick-navigation a.Quick-navigation-item {
          margin: 0;
          margin-top: 12px;
          margin-right: 4px;
          font-size: 16px;
          font-weight: 600;
          font-family: 'Open Sans', sans-serif;
          letter-spacing: 1px; }
          body.penedo div.menu-tape nav.Quick-navigation a.Quick-navigation-item.gototop {
            margin-right: 8px;
            margin-left: -6px; }
    body.penedo div.download {
      text-align: left;
      display: block;
      overflow: hidden;
      margin-bottom: 22px;
      margin-top: 12px;
      padding-left: 0; }
      body.penedo div.download div {
        display: block;
        overflow: hidden; }
      body.penedo div.download h5 {
        padding: 0; }
      body.penedo div.download a.button {
        border-bottom: 1px solid #cfcfcf; }
        body.penedo div.download a.button:hover {
          border-bottom: 1px solid #f03e54; }
    body.penedo div.time-items,
    body.penedo div.skills {
      display: block;
      overflow: visible; }
    body.penedo div.timeline {
      padding-left: 10px; }
    body.penedo div.skills {
      padding-top: 8px;
      padding-left: 0; }
    body.penedo body.penedo nav.Quick-navigation a {
      /*  font-size: 12px;
      -webkit-font-smoothing: none;
      -moz-osx-font-smoothing: grayscale;
      text-rendering: optimizeLegibility;*/
      background-color: red; } }