@charset "UTF-8";
/*
  FONTS
*/
/*
  COLORS
*/
.cf::before, .cf::after {
  content: '';
  display: table; }
.cf::after {
  clear: both; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.hidden {
  display: none; }

.text-right {
  text-align: right; }

body,
html {
  background: #fefefb;
  height: 100%;
  font-size: 100%; }

.wrapper {
  margin: 0 auto;
  max-width: 780px;
  overflow: hidden;
  width: 98%;
  padding: 0 1%; }

@media only screen and (max-width: 640px) {
  html {
    font-size: 80%; } }
@font-face {
  font-family: 'blog';
  src: url("../font/blog.eot?40712734");
  src: url("../font/blog.eot?40712734#iefix") format("embedded-opentype"), url("../font/blog.woff?40712734") format("woff"), url("../font/blog.ttf?40712734") format("truetype"), url("../font/blog.svg?40712734#blog") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^='icon-']::before,
[class*='icon-']::before {
  font-family: 'blog';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em; }

.icon-github::before {
  content: '\e800'; }

.icon-linkedin::before {
  content: '\e801'; }

.icon-twitter::before {
  content: '\e802'; }

.icon-email::before {
  content: '\e803'; }

.icon-facebook::before {
  content: '\e804'; }

.icon-tag::before {
  content: '\e805'; }

.icon-calendar::before {
  content: '\e806'; }

.icon-location::before {
  content: '\e807'; }

.icon-book::before {
  content: '\e808'; }

body {
  font-family: Helvetica, Arial, Sans, Sans-Serif, Sans Serif;
  -webkit-font-smoothing: antialiased; }

p,
ul li,
ol li {
  color: #3e3e3e;
  font-size: 1.2rem;
  line-height: 1.5;
  margin-bottom: 1.4em; }

a,
a:visited {
  color: #D74061; }

a:hover {
  transition: all 0.1s ease;
  text-decoration: none; }

::selection {
  background: #fde8e8; }

::-moz-selection {
  background: #fde8e8; }

ol {
  list-style-position: inside; }

em {
  font-style: italic; }

.plus-link,
.plus-link:visited {
  font-size: 14px;
  text-decoration: none; }
  .plus-link:hover,
  .plus-link:visited:hover {
    text-decoration: underline; }

.tags .icon-tag,
.tags .icon-calendar,
.tags .icon-book {
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #575757;
  margin-right: 25px;
  padding-left: 25px;
  vertical-align: top; }
  .tags .icon-tag::before,
  .tags .icon-calendar::before,
  .tags .icon-book::before {
    position: absolute;
    top: 3px;
    left: 0; }
.tags .icon-tag span::after {
  content: ','; }
.tags .icon-tag span:last-child::after {
  content: ''; }

.btn,
.btn:visited {
  background: #6D5B97;
  border-bottom: 2px solid #564877;
  color: #fefefb;
  font-size: 15px;
  padding: 12px 30px;
  text-decoration: none; }
  .btn:hover,
  .btn:visited:hover {
    background: #64538a;
    border-bottom: 2px solid #4b3e67; }

@media only screen and (max-width: 640px) {
  .btn {
    font-size: 0.8rem;
    padding: 12px 20px; } }
header {
  padding: 30px 0 60px;
  font-weight: 300; }
  header h1 {
    float: left;
    font-size: 22px;
    margin: 7px 15px 10px 0; }
    header h1 a,
    header h1 a:hover,
    header h1 a:visited {
      color: #3e3e3e;
      text-decoration: none; }
  header img {
    width: 35px;
    height: 35px; }
  header nav {
    float: right; }
    header nav li {
      display: inline-block;
      margin: 10px 20px;
      text-transform: uppercase;
      font-size: 15px; }
      header nav li a,
      header nav li a:visited {
        color: #3e3e3e;
        position: relative; }
      header nav li a:hover {
        color: #FCB239; }
        header nav li a:hover::before {
          color: #FCB239; }
      header nav li a::before {
        content: '\2022';
        position: absolute;
        bottom: -15px;
        left: 50%;
        font-size: 12px;
        color: #3e3e3e; }
      header nav li a:not(.active)::before {
        display: none; }

@media only screen and (max-width: 640px) {
  header nav {
    margin-top: 20px;
    width: 100%;
    text-align: center; } }
footer {
  padding: 20px 0 80px; }
  footer.wrapper {
    margin-top: 80px; }

.social-icons-ul {
  text-align: center; }
  .social-icons-ul li {
    display: inline-block; }
    .social-icons-ul li:not(:last-of-type)::after {
      content: '\2022';
      color: #ccc;
      padding: 5px 10px;
      font-size: 14px; }
    .social-icons-ul li a {
      display: inline-block;
      font-size: 22px;
      text-decoration: none; }
      .social-icons-ul li a::before {
        color: #bbb; }
      .social-icons-ul li a:hover::before {
        color: #FCB239; }
  .social-icons-ul .icon-twitter {
    font-size: 17px; }

@media only screen and (max-width: 960px) {
  footer .wrapper {
    margin-top: 40px; } }
@media only screen and (max-width: 640px) {
  footer.wrapper {
    margin-top: 20px; } }
article {
  margin-bottom: 80px; }
  article h2 {
    color: #3e3e3e;
    font-size: 1.6rem; }
    article h2 a,
    article h2 a:visited {
      color: #6D5B97; }
    article h2 a:hover {
      text-decoration: none; }
  article p,
  article ul:not(.tags) li,
  article ol li {
    line-height: 1.6; }
  article ul:not(.tags),
  article ol {
    list-style-position: outside; }
    article ul:not(.tags) li,
    article ol li {
      margin: 0 0 10px 20px; }
      article ul:not(.tags) li ul,
      article ul:not(.tags) li ol,
      article ol li ul,
      article ol li ol {
        margin: 10px 0 10px 40px;
        list-style-type: circle; }
      article ul:not(.tags) li span,
      article ol li span {
        display: block;
        color: #575757;
        font-size: 16px; }
  article ul:not(.tags) {
    list-style-type: disc; }
  article ol {
    list-style-type: decimal; }

/*
  Blockquotes
*/
.highlight {
  display: block;
  background: #333;
  padding: 40px 20px;
  margin: 40px 0;
  color: #fefefb;
  font-size: 14px;
  line-height: 1.6;
  border-radius: 3px;
  font-family: monaco, sans-serif; }
  .highlight pre {
    white-space: pre-line; }

.highlight .hll {
  background-color: #ffc; }

.highlight .gd {
  color: #2e3436;
  background-color: #0e1416; }

.highlight .gr {
  color: #eeeeec;
  background-color: #c00; }

.highlight .gi {
  color: #babdb6;
  background-color: #1f2b2d; }

.highlight .go {
  color: #2c3032;
  background-color: #2c3032; }

.highlight .kt {
  color: #e3e7df; }

.highlight .ni {
  color: #888a85; }

.highlight .c, .highlight .cm, .highlight .c1, .highlight .cs {
  color: #8D9684; }

.highlight .err, .highlight .g, .highlight .l, .highlight .n, .highlight .x, .highlight .p, .highlight .ge,
.highlight .gp, .highlight .gs, .highlight .gt, .highlight .ld, .highlight .s, .highlight .nc, .highlight .nd,
.highlight .ne, .highlight .nl, .highlight .nn, .highlight .nx, .highlight .py, .highlight .ow, .highlight .w, .highlight .sb,
.highlight .sc, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .si, .highlight .sx, .highlight .sr,
.highlight .s1, .highlight .ss, .highlight .bp {
  color: #C1C2C3; }

.highlight .k, .highlight .kc, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr {
  color: #729fcf; }

.highlight .nt {
  color: #FC1F70; }

.highlight .cp, .highlight .gh, .highlight .gu, .highlight .na, .highlight .nf {
  color: #E9A94B; }

.highlight .m, .highlight .nb, .highlight .no, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .mo,
.highlight .il {
  color: #8ae234; }

.highlight .o {
  color: #989DAA; }

.highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi {
  color: #fff; }

code:not(.language-css) {
  background: #fefefb;
  padding: 0 3px;
  font-family: "Courier New", monospace;
  font-size: 1.1rem; }

blockquote {
  border-left: 7px solid #ccc;
  margin: 20px 0;
  padding: 5px 20px;
  quotes: "“" "”" "‘" "’";
  font-size: 19px;
  line-height: 1.6;
  font-family: Helvetica, Arial, Sans, Sans-Serif, Sans Serif;
  color: #3e3e3e;
  font-style: italic; }
  blockquote::before {
    color: #ccc;
    content: open-quote;
    font-size: 60px;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
    font-style: normal; }

.main {
  background: #fefefb; }
  .main .articles-list article h2 {
    font-size: 1.4rem; }
  .main .articles-list p {
    margin-bottom: 10px; }
  .main .tags {
    margin-top: 10px; }
    .main .tags > span {
      display: inline; }

/* Media Queries: Tablet devices overwrite 641px...960px */
@media only screen and (max-width: 640px) {
  .main .articles-list {
    margin-top: 30px; } }
/*
  Page about each blogpost
*/
.posts .tags > li {
  display: block;
  margin-bottom: 10px; }
.posts article h2 {
  margin-bottom: 40px; }
.posts article h3,
.posts article h4 {
  margin: 60px 0 30px;
  line-height: 1.4;
  font-size: 1.5rem;
  color: #3e3e3e;
  padding-bottom: 10px;
  margin-top: 40px;
  margin-bottom: 30px; }
.posts article h3 {
  border-bottom: 1px solid #ccc; }
.posts article h4 {
  margin-bottom: 15px; }
.posts article h5 {
  font-size: 1.2rem;
  color: #3e3e3e;
  padding-bottom: 10px;
  margin-top: 40px;
  margin-bottom: 15px;
  font-weight: 600; }
.posts article p {
  margin-bottom: 30px; }
.posts article .sidebar {
  float: left;
  width: 200px;
  margin-right: -100%; }
  .posts article .sidebar .tweet-this {
    margin-top: 20px; }
.posts article .content {
  width: 100%;
  margin-bottom: 60px; }
  .posts article .content > * {
    margin-left: 200px; }
.posts article img {
  max-width: 100%; }
.posts .previous-article {
  float: left;
  padding-left: 20px;
  text-align: left; }
  .posts .previous-article::after {
    content: '\2039';
    left: 0; }
.posts .next-article {
  float: right;
  padding-right: 20px;
  text-align: right; }
  .posts .next-article::after {
    content: '\203A';
    right: 0; }

#disqus_thread {
  margin-top: 80px; }

.jsfiddle {
  margin: 40px 0; }

.embed-tweet {
  margin-bottom: 40px; }

@media only screen and (max-width: 960px) {
  .posts article h4 {
    margin-bottom: 20px; }
  .posts article .sidebar {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
    position: relative; }
    .posts article .sidebar .tweet-this {
      position: absolute;
      bottom: 5px;
      right: 0; }
  .posts article .content > * {
    margin-left: 0; } }
@media only screen and (max-width: 640px) {
  .posts article .sidebar .tweet-this {
    bottom: -5px; }
  .posts article h4 {
    margin-top: 20px; } }
@keyframes slideDown {
  from {
    bottom: -10px; }
  to {
    bottom: -20px; } }
#resume {
  font-family: Helvetica, Arial, Sans, Sans-Serif, Sans Serif; }
  #resume .wrapper {
    overflow: visible; }
  #resume h2 {
    text-transform: uppercase;
    font-size: 17px;
    color: #3e3e3e;
    margin-bottom: 2em; }
  #resume li {
    line-height: 2; }
  #resume .more {
    font-size: 17px;
    margin-top: 20px;
    display: inline-block;
    transition: all, 0, ease; }
  #resume .about-me {
    padding-top: 10%;
    font-family: Helvetica, Arial, Sans, Sans-Serif, Sans Serif; }
    #resume .about-me p {
      color: #3e3e3e;
      font-size: 20px; }
    #resume .about-me .social-icons-ul {
      margin: 60px 0; }
      #resume .about-me .social-icons-ul li a {
        font-size: 30px; }
      #resume .about-me .social-icons-ul .icon-twitter {
        font-size: 25px; }
      #resume .about-me .social-icons-ul li:not(:last-of-type):after {
        font-size: 20px; }
  #resume .intro {
    background: #fefefb;
    padding: 80px 0;
    font-family: Helvetica, Arial, Sans, Sans-Serif, Sans Serif; }
    #resume .intro p {
      font-size: 18px; }
    #resume .intro span {
      color: #3e3e3e;
      display: block;
      margin-top: 1.4em; }
  #resume nav {
    padding: 80px 0; }
    #resume nav li {
      display: inline-block;
      width: 32%;
      text-align: center;
      font-size: 16px; }
      #resume nav li a {
        text-transform: uppercase;
        position: relative; }
        #resume nav li a:hover:after {
          content: "\25BC";
          position: absolute;
          left: 50%;
          bottom: -20px;
          font-size: 11px;
          animation: slideDown .3s linear; }
  #resume .areas-of-expertise {
    background: #fefefb;
    padding: 80px 0 40px; }
    #resume .areas-of-expertise h2 span {
      display: block;
      text-transform: none;
      font-weight: normal;
      margin-top: 20px; }
    #resume .areas-of-expertise ul {
      margin: 40px 0 20px;
      list-style-type: disc; }
      #resume .areas-of-expertise ul li {
        margin-left: 20px;
        color: #3e3e3e;
        font-size: 18px; }
  #resume .areas-expand h3 {
    display: inline-block;
    color: #3e3e3e;
    font-size: 15px;
    padding: 0 40px 10px 0;
    border-bottom: 1px solid #dcdcdc; }
  #resume .areas-expand ul {
    margin-top: 20px; }
    #resume .areas-expand ul li {
      margin-bottom: .9em; }
  #resume .areas-expand section {
    margin-bottom: 60px; }
  #resume .experience {
    padding: 80px 0 40px; }
    #resume .experience ul {
      list-style-type: disc; }
      #resume .experience ul:not(:last-of-type) {
        margin-bottom: 40px; }
      #resume .experience ul li {
        margin-left: 20px;
        padding-left: 20px;
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 15px; }
        #resume .experience ul li h3 {
          font-size: 17px;
          line-height: 1.7; }
          #resume .experience ul li h3 span {
            float: right; }
          #resume .experience ul li h3:nth-of-type(2) {
            margin-bottom: 40px;
            color: #575757; }
            #resume .experience ul li h3:nth-of-type(2) span {
              margin-top: 0; }
        #resume .experience ul li p {
          clear: both;
          font-size: 18px; }
        #resume .experience ul li .more {
          font-size: 14px;
          margin-top: 0; }
        #resume .experience ul li .description {
          padding-left: 160px;
          position: relative; }
          #resume .experience ul li .description:before {
            content: "";
            width: 130px;
            height: 22px;
            position: absolute;
            top: 5px;
            left: 0;
            background-repeat: no-repeat; }
        #resume .experience ul li.workable .description:before {
          background-image: url("/images/resume/logo-workable.png");
          background-image: url("/images/resume/logo-workable.svg"); }
        #resume .experience ul li.skroutz .description:before {
          background-image: url("/images/resume/logo-skroutz.png");
          background-image: url("/images/resume/logo-skroutz.svg"); }
    #resume .experience .job-listing > li {
      margin-bottom: 60px; }
      #resume .experience .job-listing > li:not(:last-of-type) {
        padding-bottom: 60px;
        border-bottom: 1px solid #dcdcdc; }
    #resume .experience h4 {
      margin-bottom: 1.2em; }
  #resume .more-about-me {
    background: #fefefb;
    padding: 80px 0; }
    #resume .more-about-me p {
      font-size: 18px; }
  #resume .links-bottom {
    text-align: center;
    margin: 80px 0; }
    #resume .links-bottom li {
      display: inline-block; }
      #resume .links-bottom li a {
        display: inline-block;
        padding: 15px 30px;
        background: #6D5B97;
        border-radius: 3px;
        margin: 0 10px;
        text-transform: uppercase;
        font-size: 15px;
        color: #fefefb; }
        #resume .links-bottom li a:hover {
          color: #fefefb;
          background: #625187; }
    #resume .links-bottom .linkedin a {
      background: #4875b4; }
      #resume .links-bottom .linkedin a:hover {
        background: #00669c; }

/* Media Queries: Tablet devices overwrite 641px...960px */
@media only screen and (max-width: 640px) {
  #resume li {
    line-height: 1.6; }
  #resume > .wrapper {
    height: auto;
    margin-bottom: 60px; }
  #resume .about-me {
    height: auto;
    padding-top: 20px; }
    #resume .about-me p {
      font-size: 16px; }
    #resume .about-me .social-icons-ul {
      margin-top: 0; }
      #resume .about-me .social-icons-ul li a {
        font-size: 20px; }
      #resume .about-me .social-icons-ul .icon-twitter {
        font-size: 18px; }
  #resume .intro {
    padding: 40px 0; }
    #resume .intro p {
      font-size: 15px; }
  #resume nav {
    padding: 40px 0; }
    #resume nav li {
      display: block;
      width: 100%; }
  #resume .areas-of-expertise {
    padding-top: 40px; }
    #resume .areas-of-expertise ul li {
      font-size: 15px; }
  #resume .experience {
    padding-top: 40px; }
    #resume .experience ul li {
      font-size: 15px;
      padding-left: 0; }
      #resume .experience ul li h3 {
        font-size: 14px; }
        #resume .experience ul li h3 span {
          margin-top: 5px; }
      #resume .experience ul li p {
        font-size: 15px; }
    #resume .experience .job-listing > li {
      margin-bottom: 30px; }
      #resume .experience .job-listing > li:not(:last-of-type) {
        padding-bottom: 20px; }
  #resume .more-about-me {
    padding: 40px 0; }
    #resume .more-about-me p {
      font-size: 15px; } }
.main {
  background: #fefefb; }
  .main .articles-list article h2 {
    font-size: 1.4rem; }
  .main .articles-list p {
    margin-bottom: 10px; }
  .main .tags {
    margin-top: 10px; }
    .main .tags > span {
      display: inline; }

/* Media Queries: Tablet devices overwrite 641px...960px */
@media only screen and (max-width: 640px) {
  .main .articles-list {
    margin-top: 30px; } }
@keyframes slideDown {
  from {
    bottom: -10px; }
  to {
    bottom: -20px; } }
#resume {
  font-family: Helvetica, Arial, Sans, Sans-Serif, Sans Serif; }
  #resume .wrapper {
    overflow: visible; }
  #resume h2 {
    text-transform: uppercase;
    font-size: 17px;
    color: #3e3e3e;
    margin-bottom: 2em; }
  #resume li {
    line-height: 2; }
  #resume .more {
    font-size: 17px;
    margin-top: 20px;
    display: inline-block;
    transition: all, 0, ease; }
  #resume .about-me {
    padding-top: 10%;
    font-family: Helvetica, Arial, Sans, Sans-Serif, Sans Serif; }
    #resume .about-me p {
      color: #3e3e3e;
      font-size: 20px; }
    #resume .about-me .social-icons-ul {
      margin: 60px 0; }
      #resume .about-me .social-icons-ul li a {
        font-size: 30px; }
      #resume .about-me .social-icons-ul .icon-twitter {
        font-size: 25px; }
      #resume .about-me .social-icons-ul li:not(:last-of-type):after {
        font-size: 20px; }
  #resume .intro {
    background: #fefefb;
    padding: 80px 0;
    font-family: Helvetica, Arial, Sans, Sans-Serif, Sans Serif; }
    #resume .intro p {
      font-size: 18px; }
    #resume .intro span {
      color: #3e3e3e;
      display: block;
      margin-top: 1.4em; }
  #resume nav {
    padding: 80px 0; }
    #resume nav li {
      display: inline-block;
      width: 32%;
      text-align: center;
      font-size: 16px; }
      #resume nav li a {
        text-transform: uppercase;
        position: relative; }
        #resume nav li a:hover:after {
          content: "\25BC";
          position: absolute;
          left: 50%;
          bottom: -20px;
          font-size: 11px;
          animation: slideDown .3s linear; }
  #resume .areas-of-expertise {
    background: #fefefb;
    padding: 80px 0 40px; }
    #resume .areas-of-expertise h2 span {
      display: block;
      text-transform: none;
      font-weight: normal;
      margin-top: 20px; }
    #resume .areas-of-expertise ul {
      margin: 40px 0 20px;
      list-style-type: disc; }
      #resume .areas-of-expertise ul li {
        margin-left: 20px;
        color: #3e3e3e;
        font-size: 18px; }
  #resume .areas-expand h3 {
    display: inline-block;
    color: #3e3e3e;
    font-size: 15px;
    padding: 0 40px 10px 0;
    border-bottom: 1px solid #dcdcdc; }
  #resume .areas-expand ul {
    margin-top: 20px; }
    #resume .areas-expand ul li {
      margin-bottom: .9em; }
  #resume .areas-expand section {
    margin-bottom: 60px; }
  #resume .experience {
    padding: 80px 0 40px; }
    #resume .experience ul {
      list-style-type: disc; }
      #resume .experience ul:not(:last-of-type) {
        margin-bottom: 40px; }
      #resume .experience ul li {
        margin-left: 20px;
        padding-left: 20px;
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 15px; }
        #resume .experience ul li h3 {
          font-size: 17px;
          line-height: 1.7; }
          #resume .experience ul li h3 span {
            float: right; }
          #resume .experience ul li h3:nth-of-type(2) {
            margin-bottom: 40px;
            color: #575757; }
            #resume .experience ul li h3:nth-of-type(2) span {
              margin-top: 0; }
        #resume .experience ul li p {
          clear: both;
          font-size: 18px; }
        #resume .experience ul li .more {
          font-size: 14px;
          margin-top: 0; }
        #resume .experience ul li .description {
          padding-left: 160px;
          position: relative; }
          #resume .experience ul li .description:before {
            content: "";
            width: 130px;
            height: 22px;
            position: absolute;
            top: 5px;
            left: 0;
            background-repeat: no-repeat; }
        #resume .experience ul li.workable .description:before {
          background-image: url("/images/resume/logo-workable.png");
          background-image: url("/images/resume/logo-workable.svg"); }
        #resume .experience ul li.skroutz .description:before {
          background-image: url("/images/resume/logo-skroutz.png");
          background-image: url("/images/resume/logo-skroutz.svg"); }
    #resume .experience .job-listing > li {
      margin-bottom: 60px; }
      #resume .experience .job-listing > li:not(:last-of-type) {
        padding-bottom: 60px;
        border-bottom: 1px solid #dcdcdc; }
    #resume .experience h4 {
      margin-bottom: 1.2em; }
  #resume .more-about-me {
    background: #fefefb;
    padding: 80px 0; }
    #resume .more-about-me p {
      font-size: 18px; }
  #resume .links-bottom {
    text-align: center;
    margin: 80px 0; }
    #resume .links-bottom li {
      display: inline-block; }
      #resume .links-bottom li a {
        display: inline-block;
        padding: 15px 30px;
        background: #6D5B97;
        border-radius: 3px;
        margin: 0 10px;
        text-transform: uppercase;
        font-size: 15px;
        color: #fefefb; }
        #resume .links-bottom li a:hover {
          color: #fefefb;
          background: #625187; }
    #resume .links-bottom .linkedin a {
      background: #4875b4; }
      #resume .links-bottom .linkedin a:hover {
        background: #00669c; }

/* Media Queries: Tablet devices overwrite 641px...960px */
@media only screen and (max-width: 640px) {
  #resume li {
    line-height: 1.6; }
  #resume > .wrapper {
    height: auto;
    margin-bottom: 60px; }
  #resume .about-me {
    height: auto;
    padding-top: 20px; }
    #resume .about-me p {
      font-size: 16px; }
    #resume .about-me .social-icons-ul {
      margin-top: 0; }
      #resume .about-me .social-icons-ul li a {
        font-size: 20px; }
      #resume .about-me .social-icons-ul .icon-twitter {
        font-size: 18px; }
  #resume .intro {
    padding: 40px 0; }
    #resume .intro p {
      font-size: 15px; }
  #resume nav {
    padding: 40px 0; }
    #resume nav li {
      display: block;
      width: 100%; }
  #resume .areas-of-expertise {
    padding-top: 40px; }
    #resume .areas-of-expertise ul li {
      font-size: 15px; }
  #resume .experience {
    padding-top: 40px; }
    #resume .experience ul li {
      font-size: 15px;
      padding-left: 0; }
      #resume .experience ul li h3 {
        font-size: 14px; }
        #resume .experience ul li h3 span {
          margin-top: 5px; }
      #resume .experience ul li p {
        font-size: 15px; }
    #resume .experience .job-listing > li {
      margin-bottom: 30px; }
      #resume .experience .job-listing > li:not(:last-of-type) {
        padding-bottom: 20px; }
  #resume .more-about-me {
    padding: 40px 0; }
    #resume .more-about-me p {
      font-size: 15px; } }