section#PageG{ padding: 40px; }
section#PageG div.row{ padding: 0 190px }
section#PageG h1{ text-align: center; font-weight: 600;}
section#PageG hr{background: #006F53; height: 2px; width:200px;margin-bottom: 50px;}

section#PageG div.Box{ background: rgba(184, 158, 102,0.7); color:rgba(255,255,255,0.8); margin: 15px; padding: 20px 30px; }
section#PageG div.Box > img{ width: 47%; margin: 0 auto; display: block; }
section#PageG div.Box > hr{ background:rgba(161, 134, 74,0.5); height: 1.5px; }
section#PageG div.Box > p { line-height: 1.7rem; color:rgb(80, 58, 12);}

ul.timeline {
    list-style-type: none;
    position: relative;
    font-size: 16px;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 10px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #8CC440;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

@media(max-width:1366px){
    section#PageG div.row{ padding: 0 120px }
}
@media(max-width:1200px){
    section#PageG div.row{ padding: 0 60px; }
    section#PageG div.Box{ margin: 10px; padding: 15px 20px; }
}
@media(max-width:1024px){
    section#PageG div.row{ padding: 0 20px; }
}
@media(max-width:767px){
    section#PageG div.row{ padding: 0 40px; }
    section#PageG h1{ font-size: 30px;}
}
@media(max-width:640px){
    section#PageG div.row{ padding: 0; }
}
@media(max-width:575px){
    section#PageG div.row{ padding: 0 30px; }
    section#PageG div.Box{ margin: 20px; }
}
@media(max-width:480px){
    section#PageG div.row{ padding: 0 10px; }
}