:root {
    --odm-padding-space-top:80px;
    --odm-padding-space-bottom:80px;
    --odm-margin-space-top:80px;
    --odm-margin-space-bottom:80px;
    --green-color:#51970a;
}
.odm-padding-space-top{padding-top:var(--odm-padding-space-top);}
.odm-padding-space-bottom{padding-bottom:var(--odm-padding-space-bottom);}
.odm-margin-space-top{padding-top:var(--odm-margin-space-top);}
.odm-margin-space-bottom{padding-top:var(--odm-margin-space-bottom);}
/**/
#banner-page{background:#d7e7f3;position:relative}
#banner-page .container{height:340px;display: flex;align-items: center;justify-content: left;position:relative;z-index:2;}
.page_h1{font-size:35px;color:#000;font-weight:600}
#page_container{background:#f2f2f2}
#page_container .container{    -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    background: #fff;padding:50px;line-height: 1.8;font-size:18px;
}
.page_container{margin-top:35px}
.page_container strong,.page_container b{font-weight:600}
.page_container p+p{margin-top:15px;}
.page_container h2{font-size:24px;margin:15px 0}
.page_container h3{font-size:20px;margin:15px 0}
.page_container h4{font-size:18px;margin:15px 0}
.page_container h5{font-size:16px;margin:15px 0}
.page_container h6{font-size:14px;margin:15px 0}
.page_container hr{border-top:1px solid #ddd;margin:35px 0}
.page_container img{max-width:100%;height:auto}
.page_container a{color:var(--logo-color);vertical-align: top;}
/*********************************************/
@media(max-width:1800px){
       #banner-page .index-h2{margin-bottom:0}
        #banner-page .index-h2 h2{margin-top:0}

}
@media(max-width:1700px){
            :root {
    --odm-padding-space-top:70px;
    --odm-padding-space-bottom:70px;
    --odm-margin-space-top:70px;
    --odm-margin-space-bottom:70px;
   }
}
@media(max-width:1600px){
           :root {
    --odm-padding-space-top:60px;
    --odm-padding-space-bottom:60px;
    --odm-margin-space-top:60px;
    --odm-margin-space-bottom:60px;
   } 
}
@media(max-width:1500px){
    #banner-page .container{height:320px}
    #page_container .container{padding:40px;font-size:18px;line-height:1.5}
}
@media(max-width:1400px){
            :root {
    --odm-padding-space-top:50px;
    --odm-padding-space-bottom:50px;
    --odm-margin-space-top:50px;
    --odm-margin-space-bottom:50px;
   }
}
@media(max-width:1300px){
    #banner-page .container{height:300px;font-size:30px}
    #page_container .container{padding:35px;font-size:17px;line-height:1.5}
    .page_h1{font-size:30px}
    .page_container{margin-top:25px}
}
@media(max-width:1200px){
            :root {
    --odm-padding-space-top:40px;
    --odm-padding-space-bottom:40px;
    --odm-margin-space-top:40px;
    --odm-margin-space-bottom:40px;
   }
}
@media(max-width:1100px){
    #page_container .container{padding:35px;font-size:16px;line-height:1.5}
        .page_h1{font-size:25px}
        .page_container h2{font-size:20px}
        .page_container hr{margin:15px 0}
}
@media(max-width:1000px){
     #banner-page .container{height:250px;font-size:25px}
         #banner-page .index-h2 h2{font-size:25px}
                 :root {
    --odm-padding-space-top:30px;
    --odm-padding-space-bottom:30px;
    --odm-margin-space-top:30px;
    --odm-margin-space-bottom:30px;
   }
}
@media(max-width:900px){
    #banner-page .container{height:240px;font-size:25px}
}
@media(max-width:800px){
    #banner-page .container{height:230px;font-size:25px}
    #page_container .container{padding:25px}
}
@media(max-width:700px){
    #banner-page .container{height:200px;font-size:25px}
        #banner-page .index-h2 h2{font-size:20px}
}
@media(max-width:600px){
    #banner-page .container{height:180px;font-size:25px}
}
@media(max-width:500px){
   #banner-page .container{height:150px;} 
}
@media(max-width:400px){
    #banner-page .container{height:120px;} 
}
@media(max-width:359px){
    
}