/* Resume page */
#content {
    display: block;
    width: 100%;
    padding: 10px;
    text-align: center;
}

.resume-section {
    display: block;
    padding: 20px 0;
    text-align: left;
}

.resume-section:not(:last-of-type) {
    border-bottom: 1px solid #DDDDDD;
}

.resume-section:last-of-type {
    padding-bottom: 0;
}

.resume-subsection {
    display: block;
}

.resume-subsection:not(:last-of-type) {
    padding-bottom: 30px;
}

.resume-sub-block {
    display: block;
    margin: 0 0 30px;
}

.resume-heading-1 {
    font-family: 'omnes-pro', sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.resume-heading-2 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}

.resume-text-1 {
    font-family: 'omnes-pro', sans-serif;
    font-size: 14px;
    line-height: 22px;
}

.resume-text-2 {
    font-style: italic;
    font-size: 16px;
    line-height: 24px;
}

.resume-text-gray {
    font-family: 'omnes-pro', sans-serif;
    line-height: 22px;
    color: #999999;
}

.resume-work-info {
    display: block;
    margin: 10px 0;
}

.resume-work-info p.resume-text-1 {
    line-height: 24px;
}

.date-separator {
    font-family: 'omnes-pro', sans-serif;
    line-height: 24px;
    display: none;
    color: #CCCCCC;
}

.work-detail {
    font-family: 'omnes-pro', sans-serif;
    line-height: 22px;
}

.extra-detail {
    display: none;
}

#resume-download {
    display: inline-block;
    margin-bottom: 20px;
}

/* For phone only */
@media (max-width: 320px) { }

/* For tablet up */
@media (min-width: 768px) {
    #content { text-align: left; padding: 20px; }
    .resume-section { white-space: nowrap; }
    .resume-subsection:not(:last-of-type) { padding-bottom: 20px; }
    .resume-block, .resume-heading-1 { display: inline-block; vertical-align: top; }
    .resume-block { width: calc(100% - 200px); white-space: normal; padding-left: 40px; }
    .resume-sub-block { padding-bottom: 20px; margin: 0; }
    .resume-sub-block:not(:first-child) { padding-top: 20px; }
    .resume-sub-block:not(:last-of-type) { border-bottom: 1px solid #DDDDDD; }
    .resume-heading-1 { width: 200px; text-align: right; margin-bottom: 0; }
    .resume-work-info { white-space: nowrap; margin: 0; }
    .resume-work-info:first-of-type { margin-top: 10px; }
    .resume-work-info:last-of-type { margin-bottom: 0; }
    .resume-work-info p { display: inline-block; }
    .date-separator, .extra-detail { display: inline-block; }
    .work-detail.extra-detail { display: block; }
    #resume-download { margin-left: 240px; }
}

/* For desktop up */
@media (min-width: 1024px) {
    .resume-section { padding: 40px 0; }
    .resume-section:last-of-type { padding-bottom: 20px; }
    .resume-subsection:not(:last-of-type) { padding-bottom: 40px; }
    .resume-sub-block { padding-bottom: 40px; }
    .resume-sub-block:not(:first-child) { padding-top: 40px; }
    #resume-download { margin-bottom: 40px; }
}

/* For big desktop up */
@media (min-width: 1440px) {
    #content { padding: 16px 80px 0; }
    .resume-section { padding: 44px 0; }
    .resume-sub-block { display: flex; flex-wrap: nowrap; margin-bottom: 0; }
    .resume-half-block { margin 0; }
    .resume-half-block:first-child { flex: 0 0 500px; }
    .resume-half-block:last-child { flex: 1 1 auto; }
    #resume-download { margin-bottom: 60px; }
}