
html {
        font-size: 100%;
}
body {
        background: #fff;
        font: 1em/1.5 Bitter, serif;
        color: #333;
}
* {
        box-sizing: border-box;
}
a:link {
        text-decoration: underline;
}
a:active {
        color: purple;
}
a:visited {
        color: purple;
}
a:hover {
        text-decoration: none;
}
a:focus {
        text-decoration: none;
        outline-offset: 2px;
}
main, header, footer, section, fieldset {
        display: block;
}
.container {
	  padding: 1.5em 1.5em 1em;
        background: #fff;
	  max-width: 54em;
        border: none;
	  margin-top: 0;
	  margin-bottom: 0;
}
header {
        margin-bottom: 2.5em;

}
header img {
        border-radius: 50%;
        margin-top: 0.5em;
        height: 7.8125em;
        width: 7.8125em;
}
hr {
        border-top: thin dotted #c0c0c0;
}
.contact {
        margin-top: 2.5em;
}
h1 {
        font-size: 1em;
        line-height: inherit;
        margin-top: 0;
}
h2 {
        margin-top: 1.25em;
        font-size: 1.3em;
}
h3 {
        font-size: 1em;
        line-height: inherit;
        font-weight: bold;
        margin-top: 0;
}
ul {
        padding-left: 1.1em;
}
li {
        list-style: disc;
        margin-bottom: 0.25em;
}
img[alt=LinkedIn]:hover {
        opacity: 0.7;
}
i.fa, i.fas {
        transition: color 0.15s;
}

i.fa:hover, i.fas:hover {
        color: orange;
}
i.fa {
        font-size: 1.25em;
}
i.fa-home span.home {
      display: none;
}
footer ul {
	  margin: 0;
	  padding: 0;
}
footer ul li {
	  display: inline;
	  list-style: none;
}
footer li span {
	  padding: 0 0.1em 0 0.315em;
}
footer li span {
	  display: none;
}
footer li:last-child {
	  display: block;
	  margin-top: 1em;
}
ul.other-resumes {
	  margin: 0;
	  padding: 0;
}
ul.other-resumes li {
        list-style: none;
}
div.linkedin {
        margin: 2em 0 0 0;
}
div.linkedin img {
        border: none;
}
div.linkedin img:hover {
        opacity: 0.7;
}
fieldset { 
        padding: 0 0.5em;
        border: thin solid #c0c0c0;
        border-radius: 0.25em;
        margin: 1em 0 0.5em 0;
}
fieldset p:first-of-type {
        margin-top: 0.5em;
}
legend {
        padding: 0 0.5em;
        margin: 0 0 0.25em 0;
        border-bottom: none;
        width: auto;
        font-size: 1.25em;
}
fieldset img {
        display: block;
	  float: left;
	  margin-right: 0.75em;
        border-radius: 50%;
        shape-outside: circle(50%);
        filter: saturate(150%);
        border: medium solid #fff;
        box-shadow: 4px 2px 4px #e0e0e0;
}
span.plain-text {
        display: none;
}
section.downloadable-resumes h2 span {
        font-size: 75%;
}
.hide {
        display: none;
}

/* Fieldset adjustment */

@media only screen and (min-width: 600px) {
fieldset {
        max-width: 80%;
}
}


/* Large Screen */

@media only screen and (min-width: 700px) {
body {
        background: #f8f8f8;
}
.container {
	  margin-top: 1.25em;
	  margin-bottom: 1.25em;
	  border: thin solid #c0c0c0;
	  border-radius: 0.25em;
}
footer li span {
	  display: inline;
}
footer li:last-child {
	  display: inline;
	  margin-top: 0;
}
ul {
        padding-left: 2.5em;
}
fieldset { 
        max-width: 50%;
}
}

/* Extra Large Screens */

@media only screen and (min-width: 1600px) {
.container {
	  max-width: 60em;
}
}

/* For Printing */

@media only print {

html {
        font-size: 100%;
}
body {
        background: #fff;
        font-size: 1em;
        line-height: 1.5;
        color: #333;
        font-family: Arial, sans-serif;
}
* {
        box-sizing: border-box;
}
a:link {
        text-decoration: underline;
        color: #333;
}
main, header, footer, section, fieldset {
        display: block;
}
.container {
	  padding: 1.5em 1.5em 1em;
        background: #fff;
	  max-width: 54em;
        border: none;
	  margin-top: 0;
	  margin-bottom: 0;
}
header {
        margin-bottom: 2.5em;
}
.contact {
        margin-top: 2.5em;
}
h1 {
        font-size: 1em;
        line-height: inherit;
        margin-top: 0;
}
h2 {
        margin-top: 1.25em;
        font-size: 1.25em;
}
h3 {
        font-size: 1em;
        line-height: inherit;
        font-weight: bold;
        margin-top: 0;
}
ul {
        padding-left: 1.1em;
}
li {
        list-style: disc;
        margin-bottom: 0.25em;
}
section.downloadable-resumes, div.contact, div.meta-info, hr {
	  display: none;
}
span.plain-text {
        display: inline;
}
span.url {
        display: none;
}
section.break {
        page-break-before: always;
}
}

