html {
  font-family: 'Open Sans', sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-weight:400;
  font-size:18px;
  background:#efefef;
  line-height:150%;
  color:#555;
}
main {
  display:block;
  margin:0 auto;
  max-width:960px;
  padding:40px;
  border-top:10px solid #fec760;
  border-bottom:10px solid #fec760;
}
a {
  background: transparent;
  color:#D59146;
  text-decoration: none;
}
a:active,
a:hover {
  outline: 0;
}
a:hover {
  color:#F0B557;
  text-decoration: underline;
}
b, strong {
  font-weight: 600;
}
ul {
  list-style:none;
  margin:0;
  padding:0;
}
h1 {
  text-transform: uppercase;
  font-size: 2.3em;
  line-height: 120%;
  margin: 0;
  font-weight:300;
}
h2 {
  text-transform: uppercase;
  font-weight:300;
  font-size:1.5em;
}
h4 {
  margin:0;
}
p {
  margin:0 0 1em 0;
}
p:last-child {
  margin-bottom:0;
}
.default-list {
  margin-left:20px;
  list-style:square;
}

/* Header */
header {
}
header .profile {
  display:flex;
  display:-webkit-flex;
  align-items:center;
  -webkit-align-items:center;
  margin:1em 0 2em 0;
}
header .name {
  flex:1 1 auto;
  -webkit-flex: 1 1 auto;
}
header .meta {
  flex:0 0 auto;
  -webkit-flex: 0 0 auto;
  font-size:0.8em;
  margin-left:40px;
  margin-right:20px;
}

/* Sections */
section {
  border-top:1px solid #ccc;
  padding:2em 0;
  margin:0;
  display:flex;
  display:-webkit-flex;
}
section:last-child {
  padding-bottom:0;
  margin-bottom:0;
}
section h2 {
  flex:0 0 200px;
  -webkit-flex:0 0 200px;
  margin:0 30px 0 0;
  text-align: right;
}
section .text {
  flex:1 1 auto;
  -webkit-flex:1 1 auto;
}
section .skills {
  flex:1 1 50%;
  -webkit-flex:1 1 50%;
  margin-right:10px;
  margin-left:30px;
  list-style:square;
}
section .skills:last-child {
  margin-right:0;
}
section .items {
  flex:1 1 auto;
  -webkit-flex:1 1 auto;
}
section .items > li {
  margin-bottom:40px;
}
section .items > li:last-child {
  margin-bottom:0;
}
section .position {
  font-size:0.8em;
}
section .position:before {
  content:' / ';
}
section .item-header {
  display:flex;
  display:-webkit-flex;
  align-items:center;
  -webkit-align-items:center;
}
section .item-header > h3 {
  flex:1 1 auto;
  -webkit-flex:1 1 auto;
  font-size:1.17em;
  margin-top:0;
  margin-bottom:0.2em;
  font-weight:300;
}
section .item-header > .duration {
  flex:0 0 auto;
  -webkit-flex:0 0 auto;
  font-weight:300;
  font-size:0.7em;
  white-space: nowrap;
  opacity:0.9;
}

/* Footer */
footer {
  margin-top:30px;
  padding-top:30px;
  text-align: center;
  font-size:0.8em;
  font-weight: 300;
}

/* Medium displays */
@media (max-width: 768px) {
  section .item-header {
    display:block;
  }
}

/* Small displays */
@media (max-width: 550px) {
  main {
    padding-left:20px;
    padding-right:20px;
  }
  header {
    display:block;
  }
  header .meta {
    margin-left:0;
    margin-top:30px;
  }
  section {
    display:block;
  }
  section h2 {
    text-align:left;
    margin-bottom:1em;
  }
  section .position {
    display:block;
  }
  section .position:before {
    content:none;
  }
  section .item-header > h3 {
    margin-bottom:0;
  }
}

.print-only {
  display:none;
}

/* Print */
@media only print {
  .print-only {
    display:block;
  }
  body {
    font-size:10pt;
    line-height:130%;
    color:#000;
    font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    margin:0 0.5cm 0.5cm 0.5cm;
  }
  h1, h2, h3, h4, header .profile {
    font-family: 'Open Sans', sans-serif;
  }
  a {
    color:#000;
  }
  main {
    display:block;
    max-width:100%;
    padding:0;
    border-top:none;
    border-bottom:none;
  }
  header .profile {
    margin:2em 0;
  }
  header .name {
    font-size:12pt;
    line-height:130%;
  }
  section {
    padding:1.3em 0;
  }
  section h2 {
    font-size:1.2em;
    flex:0 0 90px;
    -webkit-flex:0 0 90px;
  }
  section .item-header {
    display:flex;
    display:-webkit-flex;
  }
  section .items > li {
    margin-bottom:1.5em;
  }
  section .item-header > h3 {
    margin-bottom:0.5em;
    font-weight:bold;
  }
  section .item-header > .duration {
    font-size:1em;
    font-weight: normal;
    margin-bottom:0.5em;
  }
  footer {
    display:none;
  }
}