html,body {
	height: 100%;
}

html {
    border-top: #123121 2vw solid;
}

body {
    border-top: #c0d969 1vw solid;
    background-image: url('/img/wide_body_bg.png');
    background-color: #ecefcd;
    background-repeat: repeat-y;
    background-size: auto;
    background-position: center top;

    text-align: center;
}

body > header {
    margin: auto;
}

header > figure {
    margin: auto;
    padding: 10% 0;
}

main {
    margin: auto;
    max-width: 768px;
    padding: 2% 0 1%;
}

article {
    background-color: #ecefcd;
    border: #d2cc8e 1px solid;
    padding: 2rem 4rem;
    margin-bottom: .5rem;

    text-align: left;
} article > header {
    color:#003611;
}

figure.mobile_banner {
    border: #fff 1px solid;
}

@media(min-width:430px){
    figure.mobile_banner {
        display: none;
    }
}

@media(max-width:768px){
    main {
        width: 96%;
    } article {
        padding: 2rem;
    }
}

h2 {
    margin-bottom: 1rem;
}

div.sidebar {
    padding: 5% 0;
}

picture.qrcode_web_url {
	max-width: 140px;
}

@media (min-width:768px){
    header {
        max-width: 700px;
    }
}

@media (max-width:767.8px){
    body {
        background-image: url('/img/mobile_header_bg.png');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: contain;
        background-color: #eae7b9;
    }

    body > header {
        max-width: 80%;
    }
}

body > footer {
    padding-bottom: 3rem;
} body > footer p{
    line-height: 1.2;
}

@media(max-width:430px){
    .juxtapose {
        text-align: center;
    } .juxtapose > header {
        margin-bottom: 1vw;
    } .juxtapose > header p {
        display: none;
    }
}

@media (min-width:430px){
    .juxtapose {
        display: flex;
        flex-wrap: nowrap;
        column-gap: 20px;
        align-items:center;
    }

    .juxtapose > header {
        margin-bottom: 0;
/*        flex: 0 3 120px;*/
        text-align: center;

        white-space:nowrap;
        word-wrap:break-word
    } .juxtapose > header p {
        display: block;
    }

    .juxtapose > section {
        margin-top: 0;
        border-left: #d2cc8e 2px solid;
        padding-left: 15px;
    }
}

@media (min-width:768px) {

}



h2.school::before {
    content: '\e69d';
}

h2.cooperation::before {
    content: '\e69a';
}

h2.mongolian::before {
    content: '\e69e';
}

h2.globle::before {
    content: '\e69b';
}

h2.enrollment::before {
    content: '\e67a';
}

h2.acbsp::before {
    content: '\e69f';
}

h2.team::before {
    content: '\e63f';
}

p.click_more {
    margin-top: 12px;
}