#banner {
    height: 800px;
    background-image: url('../images/about/banner.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 100%;
}

#banner .container {
    height: 100%;
    white-space: nowrap;
}

#banner section {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

#banner article {
    display: inline-block;
    vertical-align: top;
    font-family: 'Acumin Variable Concept';
    height: 484px;
}

#banner article:first-child {
    background-color: #fff;
    padding: 40px 0;
    width: 790px;
}

#banner h1 {
    width: 880px;
    height: 100px;
    padding: 0 35px;
    line-height: 100px;
    font-size: 40px;
    color: #fff;
    background-color: #1FD1BF;
    font-weight: bold;
    letter-spacing: 3px;
    position: relative;
    margin-bottom: 39px;
}

#banner p {
    white-space: normal;
    font-size: 14px;
    color: rgba(101, 101, 101, 1);
    padding: 0 40px 0 30px;
    margin-top: 20px;
    font-weight: bold;
    line-height: 22px;
    letter-spacing: 1.3px;
}

#banner article:nth-child(2) {
    width: 410px;
}

@media screen and (max-width: 576px) {
    #banner {
        height: auto;
    }
    #banner .container {
        padding: 15px;
    }
    #banner section,
    #banner article,
    #banner h1 {
        width: 100% !important;
    }
    #banner article {
        height: auto;
    }
    #banner article:nth-child(2) {
        display: none;
    }
}