#page{
    margin:0 0 80px 0;
  }
  
  #page .head1{position:relative;z-index:1;padding-top:18%;margin:0 0 50px 0;}
    #page .head1:before{
      content:"";position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;
    }
    #page .head1 img.back{
      display:block;
      position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:cover;
    }
    #page .head1 h1{
      position:absolute;z-index:3;left:50%;bottom:10px;translate:-50% 0;text-align:center;
      padding:0!important;margin:0!important;font-weight:normal;font-size:4.5rem;font-family:'montserrat_bold';letter-spacing:2px;
      /*-webkit-text-stroke: 1px #30d5c8;color:transparent;*/color:#fff;
    }
  @media only screen and (max-width:1200px){
    #page .head1 h1{font-size:2rem;}
  }
  @media only screen and (max-width:1000px){
    #page .head1{padding-top:25%;}
  }
  @media only screen and (max-width:700px){
    #page .head1{padding-top:40%;}
    #page .head1 h1{font-size:1.8rem;}
  }
  @media only screen and (max-width:500px){
    #page .head1{padding-top:55%;}
    #page .head1 h1{font-size:1.1rem;}
  }


#page .page1{}
#page .page1 .content{line-height:150%;}


#page .page2{}
    #page .page2 .grid{display:grid;grid-template-columns:250px 1fr;grid-gap:30px;}
        #page .page2 .grid .aside{--offset:100px;position:sticky;z-index:1;top:var(--offset);}
        #page .page2 .grid .aside .title{position:relative;padding:0 0 10px 0;margin:0 0 30px 0;font-family:'montserrat_semibold';}
            #page .page2 .grid .aside .title:before{
            content:"";position:absolute;z-index:1;left:0;bottom:0;width:70px;height:4px;background:#30d5c8;
            }
        #page .page2 .grid .aside .nav1{}
            #page .page2 .grid .aside .nav1 ul{}
            #page .page2 .grid .aside .nav1 ul li{position:relative;padding:8px 10px 8px 15px;margin:0 0 2px 0;}
                #page .page2 .grid .aside .nav1 ul li:before{content:"";position:absolute;z-index:1;left:0;top:0;width:3px;height:100%;background:#eee;}
            #page .page2 .grid .aside .nav1 ul li.selected{}
                #page .page2 .grid .aside .nav1 ul li.selected:before{background:#cc0000;}
                #page .page2 .grid .aside .nav1 ul li a{color:#555;}
                #page .page2 .grid .aside .nav1 ul li a:hover{color:#cc0000;}
                #page .page2 .grid .aside .nav1 ul li a i{color:#ddd;}
                #page .page2 .grid .aside .nav1 ul li.selected a i{color:#cc0000;}
        #page .page2 .grid .main{}
        #page .page2 .grid .main h1.title{padding:0;margin:0 0 30px 0;font-weight:normal;font-size:1.6rem;font-family:'montserrat_semibold';}
        #page .page2 .grid .main .content{line-height:150%;}
            #page .page2 .grid .main .content h2{padding:0;margin:20px 0 15px 0;font-weight:normal;font-size:1.4rem;font-family:'montserrat_semibold';}
            #page .page2 .grid .main .content p{margin:0 0 10px 0;}
            #page .page2 .grid .main .content table{border-collapse:collapse;}
            #page .page2 .grid .main .content table tr{}
                #page .page2 .grid .main .content table tr td{padding:5px 5px;border:1px solid #ddd;}
  @media only screen and (max-width:800px){
    #page .page2 .grid{grid-template-columns:1fr;grid-gap:40px;grid-template-areas:"main" "aside";}
    #page .page2 .grid .aside{grid-area:aside;}
    #page .page2 .grid .main{grid-area:main;}
  }