:root {
    --darkColor: #398622;
    --middleColor: #00a803;
    --whiteColor: #ffffff;
    --grayColor: #8d8a8a;
    --veryDarkColor: #0b2a02;
    --lightColor: #48a72c;
    --veryLightColor: #5cc13e;
    --goldColor: #FAA20A;
    --bgEffect: #a97111;
    --maxWidthLv1: 1300px;
    --redColor: #e90909;
}

.header {
    width: 100%;
    background-color: var(--middleColor);
}

.header .header_container {
    width: 100%;
    max-width: var(--maxWidthLv1);
    margin: auto;
    display: grid;
    grid-template-columns: 45px 1fr;
    grid-gap: 10px;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.header .header_container .header_logo {
    display: block;
    width: 45px;
    margin-right: auto;
}

.header .header_container .header_logo a {
    display: block;
    width: 100%;
}

.header .header_container .header_logo a>img {
    width: 100%;
    border-radius: 2px;
}

.header .header_container .company_infomation .company_name {
    font-size: 9pt;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--redColor);
}

.header .header_container .company_infomation .company_address {
    font-size: 9pt;
    font-style: italic;
}

.header .header_container .company_infomation .company_slogan {
    display: none;
}

@media only screen and (min-width: 768px) {
    .header .header_container {
        width: 100%;
        max-width: var(--maxWidthLv1);
        margin: auto;
        display: grid;
        grid-template-columns: 200px 1fr;
        grid-gap: 30px;
        align-items: center;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .header .header_container .header_logo {
        display: block;
        width: 200px;
        margin-right: auto;
    }
    .header .header_container .company_infomation {
        display: flex;
        flex-direction: column;
    }
    .header .header_container .company_infomation .company_name {
        font-size: 16pt;
        text-shadow: -1px 1px 2px var(--whiteColor), 1px 1px 2px var(--whiteColor), 1px -1px 0 var(--whiteColor), -1px -1px 0 var(--whiteColor);
    }
    .header .header_container .company_infomation .company_address {
        font-size: 12pt;
        color: var(--whiteColor);
        font-style: normal;
        margin-top: 15px;
    }
    .header .header_container .company_infomation .company_slogan {
        display: block;
        font-size: 12pt;
        color: var(--whiteColor);
        font-weight: 700;
        text-transform: capitalize;
    }
}

@media only screen and (min-width: 992px) {}

@media only screen and (min-width: 1200px) {
    .header .header_container .company_infomation .company_name {
        font-size: 25pt;
    }
}