* {
  margin: 0px 0px 0px 0px;  /* Top  Right  Bottom  Left */
  padding: 0px 0px 0px 0px;  /* Top  Right  Bottom  Left */
  border: 0px solid #FFFFFF;
  /* border-top: 1px solid #5D6063;
  border-bottom: 1px solid #5D6063; */
  box-sizing: border-box;
}

.screen-only {
}

.print-only {
  display:none;
}

body {
  background-color: #303030;
  color: #000000;
  font-family: "Helvetica", "Arial", sans-serif;
  font-family: body-font;
  font-size: 16px;
  overflow-y: scroll;
}

.content-border {
  background-color: #EEEEEE;
  width: 1000px;
  margin: 0 auto;
  margin-top: 35px;
  margin-bottom: 35px;
  border: 5px solid #000000;
  border-radius: 25px;
  padding: 15px 25px 35px 25px;  /* Top  Right  Bottom  Left */
}

.page {
  width: 100%;
  margin: 0 auto;
}

.printing-instructions {
  display:none;
}

.section-divider {
  border: 2px solid #000000;
  border-radius: 8px;
  color: #DDDDDD;
  background: black; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #000000, #CCCCCC); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #000000, #CCCCCC); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #000000, #CCCCCC); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #000000, #CCCCCC); /* Standard syntax (must be last) */
  font-family: divider-font;
  font-size: 1.2em;
  font-weight: bold;
  text-align: left;
  padding: 2px 0px 2px 10px;  /* Top  Right  Bottom  Left */
  margin-top: 25px;
  margin-bottom: 15px;
}

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

.center {
  margin-top: 15px;
  text-align: center;
  width: 100%;
}

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

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

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

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

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

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

p {
  font-size: 1em;
  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: 10px 0px 10px 35px;  /* Top  Right  Bottom  Left */
  padding: 0px 0px 0px 0px;  /* Top  Right  Bottom  Left */
}

hr {
  border-top: 4px double #000000;
  margin: 15px 0px 15px 0px;  /* 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');
}

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