@font-face {
    /* eot for IE */
    font-family: elephant;
    src: url(/images/elephant.eot);
}
@font-face {
    /* ttf for all other browsers */
    font-family: elephant;
    src: url(/images/elephant.ttf) format("truetype");
}
body {
    margin: 0.5em;
}
.resume {
    position: relative;
    width: 46.5rem;
    font-size: 16px;
    font-family: Calibri, Arial, Sans-Serif;
    color: #555;
}
.resume * {
    width: auto;
    padding: 0;
    margin: 0;
    border-width: 0;
}
.resume a, .resume a:link, .resume a:hover, .resume a:active, .resume a:visited {
    font-weight: normal;
    text-decoration: underline;
    color: Blue;
}
.resume .heading {
    font-size: 1.2em;
    text-align: right;
    position: relative;
}
.resume .heading .myName {
    font-size: 1.1em;
    font-weight: bold;
}
.resume .heading .contactInfo a[href='/#contact'] {
    display: inline-block;
    width: 8em;
    height: 1.2em;
    margin-bottom: -0.25em;
    background-image: url('/tti.ashx?id=1&color=Blue&fontSize=18.5&unit=px&fontFamily=Calibri&style=u&w=-3');
    background-repeat: no-repeat;
    background-position: right bottom;
}
.resume .heading .nameAndAddress {
    float: left;
    text-align: left;
}
.resume .subjectHead {
    clear: both;
    font-size: 1.1em;
    margin: 1em 0 0.5em;
    border-bottom: 1px dotted #555;
    text-transform: uppercase;
}
.resume .subjectHead + .experience {
    margin: 0;
}
.resume .experience {
    clear: both;
    margin: 1em 0 0 0;
}
.resume ul {
    margin-left: 1.2em;
    list-style-type: disc;
}
.resume .company {
    position: relative;
}
.resume .companyName {
    font-size: 1.2em;
}
.resume .companyName .parenthetical {
    font-size: smaller;
    font-weight: normal;
}
.resume .experienceDate {
    position: absolute;
    bottom: 0;
    right: 0;
    font-weight: bold;
}
.resume .companyLocation {
    position: absolute;
    bottom: 0;
    left: 50%;
}
.resume .content {
    clear: both;
    margin-left: 1em;
}
.resume .title {
    font-weight: bold;
    font-size: 1.1em;
}
.resume .contentHeading {
    font-weight: bold;
    margin-top: 0.1em;
}
.resume .contentHeading .subHeading {
    font-weight: normal;
}
div.background {
    position: fixed;
    top: 50%;
    left: auto;
    line-height: normal;
    margin: -0.73em 0 0;
    font-size: 16em;
    width: 2.8125em;
    text-align: center;
    font-family: elephant;
    color: #f8f8ff;
}
* html div.background {
    position: absolute;
}
.download {
    font-size: 16px;
    position: absolute;
    top: 8px;
    left: 50em;
}
.download img {
    min-width: 3em;
    max-width: 6.25em;
    width: calc(100vw - 47.5em);
}
@media (max-width: 57.5rem) {
    .download {
        left: auto;
        right: 0.5em;
    }
}
@media screen and (max-width: 51rem) {
    .resume .heading {
        margin-right: calc((50.75em / 1.2) - 100vw);
    }
}
@media screen and (max-width: 47.5rem) {
    .resume .heading {
        margin-right: 3em;
    }
}
@media (max-width: 47.5rem) {
    .resume {
        width: auto;
    }
}
@media (max-width: 35rem) {
    .resume .companyLocation {
        position: static;
        float: left;
    }
    .resume .experienceDate {
        position: static;
        float: right;
    }
    div.background {
        width: 100%;
    }
}
@media (max-width: 30rem) {
    .resume .heading {
        font-size: 1em;
    }
    .resume .heading .contactInfo {
        clear: left;
        text-align: left;
    }
    .resume .heading .contactInfo a[href='/#contact'] {
        background-position: left center;
        background-image: url('/tti.ashx?id=1&color=Blue&fontSize=16&unit=px&fontFamily=Calibri&style=u&w=-3');
    }
    .resume .skills {
        width: 50%;
    }
}
@media print and (max-width: 30rem) {
    .resume .heading .contactInfo a[href='/#contact'] {
         background-image: url('/tti.ashx?id=1&color=Blue&fontSize=13&unit=px&fontFamily=Calibri&style=u&w=-3');
    }
}
@media print {
    .resume {
        font-size: 15px;
    }
    .resume .heading .contactInfo a[href='/#contact'] {
        background-image: url('/tti.ashx?id=1&color=Blue&fontSize=17&unit=px&fontFamily=Calibri&style=u&w=-3');
    }
    .download, .background {
        display: none;
    }
    .experience {
        page-break-inside: avoid;
    }
    li:first-child + li,
    li ul,
    .content,
    .contentHeading + ul,
    .title,
    .title + .contentHeading {
        page-break-before: avoid;
        -webkit-region-break-before: avoid;
    }
    .subjectHead,
    .company,
    .company *,
    .title,
    .title + .contentHeading {
        page-break-inside: avoid;
        page-break-after: avoid;
        -webkit-region-break-inside: avoid;
        -webkit-region-break-after: avoid;
    }
}
@media print and (max-width: 30rem) {
    .resume .heading .contactInfo a[href='/#contact'] {
         background-image: url('/tti.ashx?id=1&color=Blue&fontSize=15&unit=px&fontFamily=Calibri&style=u&w=-3');
    }
}