* {
  margin: 0mm 0mm 0mm 0mm;  /* Top  Right  Bottom  Left */
  padding: 0mm 0mm 0mm 0mm;  /* Top  Right  Bottom  Left */
  border: 0mm solid #DDDDDD;
  box-sizing: border-box;
}

.screen-only {
  display:none;

}
.print-only {
}

body {
  background-color: #FFFFFF;
  color: #000000;
  font-family: "Helvetica", "Arial", sans-serif;
  font-family: body-font;
  font-size: 10pt;
  overflow-y: scroll;
}

.content-border {
}

.page { /* this affects the margin in the printer settings */
  size: auto;  /* auto is the initial value */
  margin: 1cm 1cm 1cm 1cm;  /* Top  Right  Bottom  Left */
}

.page-break {
  display: block;
  visibility: hidden;
  page-break-after: always;
}

.printing-instructions {
  display: block;
  margin: 5cm 6cm 5cm 6cm;  /* Top  Right  Bottom  Left */
}

.section-divider {
  border: 1mm solid #000000;
  border-radius: 3mm;
  color: #FFFFFF;
  background: #505050;
  font-family: divider-font;
  font-size: 11pt;
  font-weight: bold;
  text-align: left;
  padding: 1mm 0mm 1mm 5mm;  /* Top  Right  Bottom  Left */
  margin-top: 5mm;
  margin-bottom: 3mm;
}

.section-divider:first-of-type {
  margin-top: 3mm;
}

.section-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.center {
  margin-top: 2mm;
  text-align: center;
  width: 100%;
}

.section-footer {
  margin-top: 0mm;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

a {
  text-decoration: none;
}
a:link { color: #000000 }
a:visited { color: #000000 }
a:hover { color: #000000 }

h1 { /* my name */
  font-family: header-font;
  font-size: 36pt;
  text-align: left;
}

h2 { /* my degree */
  font-family: header-font2;
  font-size: 24pt;
  text-align: left;
}

h3 { /* my job titles */
  font-family: title-font;
  font-size: 16pt;
  font-weight: bold;
  text-align: left;
}

h4 { /* my dates */
  font-family: subtitle-font;
  text-align: right;
}

p {
  text-align: justify;
  white-space: normal;
}

strong {
  font-weight: bold;
  font-style: normal;
}

em {
  font-weight: normal;
  font-style: italic;
}


ol {
  list-style-position: outside;
  margin: 5mm 0mm 0mm 5mm;  /* Top  Right  Bottom  Left */
  text-align: left;
}

ul {
  list-style-position: outside;
  list-style-type: disc;
  text-align: left;
  margin: 3mm 0mm 3mm 7mm;  /* Top  Right  Bottom  Left */
  padding: 0mm 0mm 0mm 0mm;  /* Top  Right  Bottom  Left */
}

hr {
  border-top: 1mm double #000000;
  margin: 5mm 0mm 3mm 0mm;  /* Top  Right  Bottom  Left */
  width: 100%;
  text-align: center;
}

@font-face {
        font-family: 'header-font';
        src: url('fonts/coopbl.ttf');
        src:
                local('coopbl'),
                url('fonts/coopbl.ttf')
                format('truetype');
}

@font-face {
        font-family: 'header-font2';
        src: url('fonts/coopbl.ttf');
        src:
                local('coopbl'),
                url('fonts/coopbl.ttf')
                format('truetype');
}

@font-face {
        font-family: 'divider-font';
        src: url('fonts/cooperl.ttf');
        src:
                local('cooperl'),
                url('fonts/cooperl.ttf')
                format('truetype');
}

@font-face {
        font-family: 'title-font';
        src: url('fonts/CooperHewitt-Semibold.otf');
        src:
                local('CooperHewitt-Semibold'),
                url('fonts/CooperHewitt-Semibold.otf')
                format('OpenType');
}

@font-face {
        font-family: 'subtitle-font';
        src: url('fonts/CooperHewitt-Semibold.otf');
        src:
                local('CooperHewitt-Semibold'),
                url('fonts/CooperHewitt-Semibold.otf')
                format('OpenType');
}

@font-face {
        font-family: 'body-font';
        src: url('fonts/CooperHewitt-Medium.otf');
        src:
                local('CooperHewitt-Medium'),
                url('fonts/CooperHewitt-Medium.otf')
                format('OpenType');
}