.header {
    background: url(../img/bg_2.jpg) no-repeat center / cover;
    padding-top: 30px;
    padding-bottom: 227px;

}

.header .container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 15px;
}

.header .brand {
    display: flex;
    justify-content: center;
}

.logo {
    max-width: 204px;
    max-height: 91px;
}

.header_title {
    margin-top: 229px;
    text-align: center;
}

.header_title span {
    line-height: 87px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 64px;
    color: #FFFFFF;
}

.activity {
    padding-top: 94px;
    padding-bottom: 143px;
    background: url(../img/section_bg.png), #C4C4C4;
    background-size: cover;

}

.activity .container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 15px;
}

.activity .title {
    text-align: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 48px;
    line-height: 59px;
    color: #1B3417;
    margin-bottom: 41px;
}

.activity .columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.column {
    width: 674px;
    height: 353px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px;
}

.columns .column_1 {
    background: #1B3417;
    opacity: 0.6;
}

.columns .column_2 {
    background: #FFFFFF;
    opacity: 0.8;
}

.columns p {
    font: 24px/29px Montserrat;
    text-align: center;
}

.column_1 p {
    color: #FFFFFF;
}

.column_2 p {
    color: #1B3417;
}

.columns .column_3 {
    background: #FFFFFF;
    opacity: 0.6;
    color: #1B3417;
}

.columns .column_4 {
    background: #1B3417;
    opacity: 0.8;
    color: #FFFFFF;
}

.footer {
    background: #1B3417;
    padding-top: 122px;
    padding-bottom: 102px;
    font: 18px/1.375 Montserrat;
    color: #FFFFFF;
}

.footer .container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 15px;
}

.footer .flex {
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.footer .info_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.footer .info_item {
    width: 33.33%;
}

.footer .info_tel {
    color: #FFFFFF;
}

.footer .info_tel:hover {
    text-decoration: underline;
}

.footer .info_mail {
    color: #FFFFFF;
}

.footer .info_mail:hover {
    text-decoration: underline;
}

/*-----------------------for device to 1024px--------------------------*/
@media screen and (max-width: 1024px) {
    .header {
        padding-top: 47px;
        padding-bottom: 245px;

    }

    .logo {
        width: 120px;
        height: 54px;
    }

    .header_title {
        margin-top: 144px;
    }

    .header_title span {
        font-size: 48px;
        line-height: 65px;
    }

    .activity {
        padding-top: 55px;
        padding-bottom: 105px;
    }

    .activity .columns {
        max-width: 754px;
        margin: 0 auto;
    }

    .columns .column_1 {
        width: 347px;
        height: 367px;
        line-height: 29px;
    }

    .columns .column_2 {
        width: 346px;
        height: 367px;
        line-height: 29px;
    }

    .columns .column_3 {
        width: 346px;
        height: 367px;
        line-height: 29px;
    }

    .columns .column_4 {
        width: 346px;
        height: 367px;
        line-height: 29px;
    }

    .footer {
        padding: 66px 0 66px 0;
    }

    .footer .info_item {
        width: 100%;
        margin-bottom: 80px;
    }

    .footer .info_item:last-child {
        margin-bottom: 0;
    }

    .footer .flex {
        display: block;
    }


    .contact {
        margin-bottom: 79px;
    }

}

/*-----------------------for device to 375px--------------------------*/


@media (max-width: 767px) {
    .header {
        background: url(../img/mobile_bg.png) no-repeat right top;
        background-size: cover;
        padding-top: 42px;
        padding-bottom: 245px;

    }

    .logo {
        width: 120px;
        height: 54px;
    }

    .header_title span {
        text-align: left;
        font-size: 42px;
        line-height: 1.5;
        display: block;
    }

    .activity {
        padding-top: 39px;
        padding-bottom: 24px;
    }

    .activity .title {
        font-size: 24px;
        line-height: 29px;
    }

    .columns .column {
        padding: 5px;
    }

    .columns .column_1 {
        width: 345px;
        height: 277px;
        line-height: 29px;
    }

    .columns .column_2 {
        width: 345px;
        height: 277px;
        line-height: 29px;
    }

    .columns .column_3 {
        width: 345px;
        height: 277px;
        line-height: 29px;
        background: #1B3417;
        color: #FFFFFF;
    }

    .columns .column_4 {
        width: 345px;
        height: 277px;
        line-height: 29px;
        background: #FFFFFF;
        color: #1B3417;
        opacity: 0.8;
    }

    .footer .info_item {
        width: 100%;
        margin-bottom: 39px;
    }

    .footer .info_item:last-child {
        margin-bottom: 0;
    }

    .info_item br {
        display: none;
    }

    .info_item .footer_title {
        margin-bottom: 11px;
        display: block;
    }

    .footer .flex {
        text-align: left;
    }


}