.dark_gray_body {
    background-color: #070707; /*#050505;*/ /*dimgray; #696969;*/ /*orangered;*/
    color: white;
}

.product-page-parent {
    /*border-top: 2px solid gray;*/ /*#5f5fd3;*/
    /*border-bottom: 2px solid gray;*/ /*#5f5fd3;*/
    margin: 0px 0 0 0;
    padding: 10px 0 0 0;
    font-family: Soleil, "Open Sans", Arial, Helvetica, sans-serif;
}

.page-header-row {
    margin-bottom: 10px; /*20px;*/
    background-color: #070707;
}

.page-header-content {
    padding-left: 2rem;
    padding-bottom: 1rem;
}

.page-header-content > h1 {
    color: white; /*cornflowerblue;*/ /*white;*/
    font-weight: bold;
}

.page-header-content > h2 {
    color: gray;
}

.page-header-content > p {
    color: white;
}

.page-header-content-end {
    padding-top: 1rem;
    padding-left: 1rem;
    padding-bottom: 1rem;
    padding-right: 4rem;
    text-align: right;
}

.company-feature-row {
    margin-bottom: 40px; /*1px;*/ /*40px;*/
    background-color: #111111;
}

.company-feature-header {
    padding: 1rem 2rem 1rem 2rem;
    text-align: right;
}

.company-feature-header h2 {
    color: white;
    font-size: 1.5rem;
}

.company-feature-header h3 {
    color: gray;
    font-size: 1rem;
    font-weight: bold;
}

.company-feature-header h4 {
    color: gray;
    font-size: .8rem;
}

.company-feature-header h5 {
    color: gray;
    font-size: .7rem;
}

.company-feature-header p {
    color: white; /* #5f5fd3; */
    font-size: .9rem;
}

.company-feature-employment-type {
    color: white;
    font-size: .9rem;
}

.company-feature {
    padding: 1rem 2rem 1rem 2rem;
    text-align: left;
}

.company-feature h2 {
    color: white;
    font-size: 1.5rem;
}

.company-feature h3 {
    color: white;
    font-size: 1rem;
    font-weight: bold;
}

.company-feature h4 {
    color: gray;
    font-size: .8rem;
}

.company-feature h5 {
    color: gray;
    font-size: .7rem;
}

.company-feature p {
    color: #AAAAAA; /*#5f5fd3;*/
    font-size: .8rem; /*.9rem; */
}

.company-feature ul {
    color: #AAAAAA; /*#5f5fd3;*/
    font-size: .8rem; /*.9rem; */
    list-style-type: disc;
    padding-left: 1rem;
}

.company-feature-logo {
    padding-top: .5rem;
    /*align-content: bottom;*/
    /*max-width: 100%;*/
    /*height: auto;*/
    /*min-width: 100%;*/
}

.tools-feature-icons {
    /*position:relative;*/
    margin-top: 2rem;
}

.tools-icon {
    /*position: absolute;
    bottom: 0;*/
    margin-left: 8px;
}

.developed-with {
    margin: 0 0 0 0;
    color: white;
    font-size: 6pt;
}

.company_feature_logo {
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.margin-top-1rem {
    margin-top: 1rem;
}

.tools-icon-first-icon {
    margin-left: 0px;
}

.skills-section {
    margin-bottom: 40px;
    background-color: #111111;
}

.skill-feature-row {
    margin-bottom: 0px;
    background-color: #111111;
}

.skill-feature {
    padding: 1rem 2rem 1rem 2rem;
}

.skill-feature h2 {
    color: white;
    font-size: 1.5rem;
}

.skill-feature h3 {
    color: #bebebe; /*cornflowerblue;*/ /*#c5c5c5;*/ /*lightgray;*/ /*gray;*/
    font-size: 1rem;
    font-weight: bold;
}

.skill-feature p {
    color: lightgray; /*#aaaaaa;*/
    font-size: .9rem;
}

.hover-link-type-gray:link, .hover-link-type-gray:visited {
    text-decoration: none;
    color: dimgray; /*#696969;*/ /*dimgray: #696969 */
}

.hover-link-active-gray:hover, .hover-link-active-gray:active {
    text-decoration: none;
    color: #969696; /*white;*/ /*dimgray: #696969 */
}

.hover-link-gray-default {
    text-decoration: none;
    color: dimgray;
}

.hover-link-type-white:link, .hover-link-type-white:visited {
    text-decoration: none;
    color: white;
}

.hover-link-active-white:hover, .hover-link-active-white:active {
    text-decoration: none;
    color: #969696; /* dimgray: #696969 */
}

.github-link-text {
    margin-right: 10px;
}

.download-icon {
    margin-right: 4px;
    margin-left: 4px;
    padding-left: 10px;
}

.download-cv-link-text {
    font-size: .9rem;
}

#cpyrght-theme {
    color: gray;
    opacity: .70;
    font-size: 0.7em;
}

@media only screen and (max-width: 768px) {

    .page-header-row {
        margin-bottom: 20px;
    }

    .page-header-content {
        padding-left: 0;
        padding-bottom: 0;
        text-align: center;
    }

    .page-header-content-end {
        padding-left: 1rem;
        padding-bottom: 1rem;
        padding-right: 1rem;
        text-align: center;
    }

    .skill-feature-row {
        margin-bottom: 0;
    }

    .skill-feature {
        border-bottom: 2px;
        border-bottom-style: solid;
        border-bottom-color: #070707; /*blue;*/
    }

    .skill-feature:last-child {
        border-bottom: 2px;
        border-bottom-style: solid;
        border-bottom-color: #070707; /*blue;*/
    }

    .company-feature-row {
        /*margin-bottom: 20px;*/
        background-color: #111111;
    }

    .company-feature-header {
        padding-right: 1rem;
        padding-bottom: .1rem;
        text-align: left;
    }

    .company-feature {
        padding-top: .1rem;
    }

    /*.company-feature-logo {
        max-width: 50%;
        height: auto;
    }*/

    .company-feature-logo {
        /*display: flex;
        text-align: center;*/
        max-width: 50%;
        height: auto;
    }
}

/*@media (min-width: 680px) {*/
@media (min-width: 40.01rem) {
    footer {
        position: relative;
        min-height: .1em;
    }
    .menu-item-cpyrght {
        position: absolute;
        bottom: 0;
        right: default;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 40rem) {
    footer {
        position: relative;
        min-height: .1em;
    }
}