body {
  background: #ced1d7;
  font-family: 'PT Serif', serif;
  font-size: 15px;
  line-height: 1.4;
}
h1,
h2,
header,
footer {
  font-family: 'PT Sans', sans-serif;
}
h2 {
  font-size: 1.5rem;
}
h3 {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 3px;
}
h4,
h5 {
  font-size: 1.1rem;
}
h4.location {
  font-size: 1.1rem;
  margin-bottom: 3px;
}
h5.dates {
  font-size: 1rem;
}

header {
  background: #003c70;
  color: #fff;
  padding: 15px 30px;
  position: fixed;
  z-index: 10;
  max-width: inherit;
  box-shadow: 0px 2px 5px rgb(0 0 0 / 30%);
}
header.printHeader {
  display: none;
  box-shadow: none;
  position: relative;
}
header h2 {
  font-size: 1.5rem;
}
header a,
header a:visited,
header a:focus {
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
  transition: color 300ms;
}
header a:hover {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.5);
}
main {
  padding: 30px 0 0;
  background: #fff;
}
section,
footer {
  padding: 15px 30px;
}
section h2 {
  background: #636b77;
  color: #fff;
  padding: 5px 15px;
  margin: 0 0 20px;
}
section.secSummary p {
  font-style: italic;
  margin-bottom: 0;
}
section.secExperience h2 {
  margin-left: -30px;
  padding-left: 30px;
}
section.secSummary h2,
section.secEducation h2,
section.secRelated h2 {
  margin-right: -30px;
  margin-left: -15px;
}
section.secEducation h3,
section.secRelated h3 {
  font-size: 1rem;
}
section.secEducation h4,
section.secRelated h4,
section.secEducation h5,
section.secRelated h5 {
  font-size: 15px;
}
section.secRelated h4 {
  margin-bottom: 3px;
}
section.secEducation {
  padding-bottom: 0;
}
h4.edDetail,
section.secRelated h5 {
  margin-bottom: 20px;
}
section li {
  margin: 0 0 8px;
}
section li > ul {
  margin: 8px 0 0;
}
.position {
  /* border-bottom: 1px solid #ddd; */
  margin: 0 0 5px;
}
.positionDetailsHeader,
.positionDetailsBreak {
  display: block;
  margin: 5px 0;
}
.positionDetailsHeader {
  font-weight: bold;
}
.positionDetailsBreak {
  font-style: italic;
}
.positionDetails ul > li > ul {
  list-style-type: disc;
}
span.extraSpace {
  display: block;
  margin-top: 8px;
}
footer {
  background-color: #636b77;
  color: #fff;
}
footer.printFooter {
  display: none;
}
footer a,
footer a:visited,
footer a:focus {
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
  transition: color 300ms;
}
footer a:hover {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.5);
}
a.printResume:hover {
  cursor: pointer;
}

.secModalTest {
  display: none;
}
.visible-sm,
.visible-xs {
  display: none;
}

@media screen and (max-width: 767px) {
  .container {
    padding: 0;
    width: 100%;
  }
  main {
    padding-top: 40px;
  }
  h1 {
    font-size: 2rem;
  }
  header h2 {
    font-size: 1.3rem;
  }
  section.secSummary h2,
  section.secEducation h2,
  section.secRelated h2 {
    margin-right: 0;
    margin-left: -30px;
    padding-left: 30px;
  }
  h4.location {
    float: none;
    margin-bottom: 2px;
  }
  h4.location::after {
    content: '';
    margin: inherit;
  }
  ul {
    padding-left: 15px;
  }
  .hidden-sm,
  .hidden-xs {
    display: none;
  }
  .visibile-sm,
  .visible-xs {
    display: block;
  }
  .pdfLink {
    display: block;
    margin: 10px 0 0;
  }
}

@media print {
  body {
    background: none;
  }
  .container {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  header.webHeader,
  footer.webFooter {
    display: none;
  }
  header.printHeader,
  footer.printFooter {
    width: 100%;
    display: block;
  }

  main {
    width: 100%;
    padding: 0 !important;
  }
}

/* type:
font-family: 'PT Sans', sans-serif;
font-family: 'PT Sans Narrow', sans-serif;
font-family: 'PT Serif', serif;
*/