.bottom_padding {
    padding-bottom: 100px;
}

  .levl2_coll h3, .levl3_coll h4, .levl4_coll h5, .levl5_coll_par p, .levl5_coll_sub h6, .levl6_coll p, .h1title {
      word-wrap: break-word;
   }

.levl2_coll h3 {
    word-wrap: break-word;
}

.h1_st {
    font-size: 17px;
}

 .toc1 {
    margin-left: 22vw;
    margin-top: 37px;
    height: auto;
    width: 75%;
    //border: 1px solid blue;
 }

 .about1 {
    margin-right: 14vw;
    margin-left: 13vw;
 }

.h1title {
    width: 95%;
    //border: 1px solid green;
}

.collapsible_topimage img {
   display: block;
   height: auto;
   width: 100%;
}

.levl1_coll {
   margin-left: 188px;
   width: 75%;
   display: block;
   height: auto;
   position: static;
   //border: 1px solid indianred;
}

.levl2_coll {
   //background-color: blanchedalmond;
   display: block;
   padding-top: 0px;
   font-size: 33px;
   //border: 2px outset hsl(220, 35%, 19%, 0.3);
   //border-radius: 6px;
   //cursor: pointer;
}

.levl2_coll:hover {
   //background-color: hsl(36, 100%, 80%);
}

.levl2_coll_active {
   //background-color: hsl(36, 100%, 80%);
}

.levl3_coll {
   display: block;
   //background-color: rgb(248, 236, 218);
   padding-top: 0px;
   //border: 2px outset hsl(220, 35%, 19%, 0.3);
   //border-radius: 6px;
   margin-left: 3px;
   margin-right: 3px;
   font-size: 28px;
   //cursor: pointer;
}

.levl3_coll:hover {
   //background-color: hsl(36, 68%, 81%);
}

.levl3_coll_active {
   //background-color: hsl(36, 68%, 81%);
}

.levl4_coll {
   display: block;
   margin-left: 6px;
   margin-right: 6px;
   font-size: 24px;
   //background-color: rgb(240, 188, 111);
   //border: 1px ridge hsl(220, 35%, 19%, 0.3);
   //cursor: pointer;
}

.levl4_coll:hover {
   //background-color: hsl(279, 81%, 89%);
}

.levl4_coll_active {
   //background-color: hsl(279, 81%, 89%);
}

.levl5_coll_par {
   display: block;
   margin-left: 8px;
   margin-right: 8px;
   //background-color: hsl(34, 57%, 96%);
   margin-top: 10px;
}

.levl5_coll_sub {
   display: block;
   margin-left: 8px;
   margin-right: 8px;
   font-size: 26px;
   //background-color: hsl(70, 17%, 56%);
   //border: 2px outset hsl(220, 35%, 19%, 0.3);
   //cursor: pointer;
}

.levl5_coll_sub:hover {
   //background-color: hsl(279, 81%, 96%);
}

.levl5_coll_sub_active {
   //background-color: hsl(279, 81%, 96%);
}

.levl6_coll {
   display: block;
   margin-left: 11px;
   margin-right: 11px;
   //background-color: hsl(34, 57%, 96%);
   margin-top: 10px;
}

.end_poem {
   display: block;
   margin-top: -20px;
   //background-color: hsl(34, 57%, 96%);
   margin-left: 8px;
   margin-right: 8px;
   padding-top: 10px;
   padding-bottom: 10px;
}

.end_poem p {
   text-align: center;
   padding-left: 50px;
   padding-right: 50px;
}

.levl5_coll_par p, .levl6_coll p {
   display: block;
   padding-left: 17px;
   padding-right: 17px;
}

.levl2_coll h3, .levl3_coll h4, .levl4_coll h5, .levl5_coll_sub h6, .h1title {
   text-align: center;
}

.levl2_coll h3 {
   padding-left: 12px;
   padding-right: 19px;
}

.levl2_coll h3 span {
   padding-left: 3px;
}

.levl3_coll h4 {
   padding-left: 8px;
   padding-right: 15px;
}

.levl3_coll h4 span {
   padding-left: 5px;
}

.levl4_coll h5 {
   padding-left: 13px;
   padding-right: 20px;
}

.levl4_coll h5 span {
   padding-left: 10px;
}

.levl5_coll_sub h6 {
   padding-left: 13px;
   padding-right: 20px;
}

.levl5_coll_sub h6 span {
   padding-left: 10px;
}

.levl5_coll_par p, .levl6_coll p {
   text-align: left;
}

#levl2_coll_pt1, #levl2_coll_pt2, #levl2_coll_pt3, #levl2_coll_pt4, #levl3_coll_ch1, #levl3_coll_ch2, #levl3_coll_ch3, #levl3_coll_ch4 {
    scroll-margin-top: 90px;
    scroll-snap-margin-top: 90px;
}

#levl4_coll_2_1, #levl4_coll_2_2, #levl4_coll_2_3, #levl4_coll_2_4, #levl4_coll_3_1, #levl4_coll_3_2, #levl4_coll_3_3, #levl4_coll_3_4, #levl4_coll_3_5, #levl4_coll_3_6, #levl4_coll_3_7, #levl4_coll_3_8, #levl4_coll_3_9, #levl4_coll_3_10, #levl4_coll_3_11, #levl4_coll_3_12, #levl4_coll_3_13, #levl4_coll_3_14, #levl4_coll_3_15, #levl4_coll_3_16, #levl4_coll_3_17, #levl4_coll_3_18, #levl4_coll_3_19, #levl4_coll_3_20, #levl4_coll_3_21, #levl4_coll_3_22, #levl4_coll_3_23, #levl4_coll_3_24, #levl4_coll_3_25, #levl4_coll_3_26, #levl4_coll_3_27, #levl4_coll_3_28, #levl4_coll_3_29, #levl4_coll_3_30, #levl4_coll_3_31, #levl4_coll_3_32, #levl4_coll_3_33, #levl4_coll_3_34 {
    scroll-margin-top: 90px;
    scroll-snap-margin-top: 90px;
}

.chquestion_img {
    width: 300px;
    height: auto;
    margin-left: 38vw;
    border: 5px solid white;
}

.toc_link:hover {
    color: rgb(23, 180, 212);
}

.toc_link:visited {
    color: rgb(210, 180, 212);
}

.firstpar {
   margin-top: -20px;
   padding-top: 0px;
}

.lastpar {
   margin-bottom: 1px;
   padding-bottom: 15px;
}

.footnotes_footer {
   display: block;
   background-color: hsl(34, 57%, 86%);
   margin-top: 10px;
   margin-bottom: 70px;
   margin-left: 8px;
   margin-right: 8px;
   font-size: 11px;
   padding-top: 1px;
   padding-bottom: 2px;
   padding-left: 5px;
   padding-right: 5px;
   word-wrap: break-word;
}

.footnotes_footer_sub {
   display: block;
   background-color: hsl(34, 57%, 86%);
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 11px;
   margin-right: 11px;
   font-size: 11px;
   padding-top: 1px;
   padding-bottom: 2px;
   padding-left: 5px;
   padding-right: 5px;
}

.no_fn_par {
   margin-bottom: 10px;
}

.inner_block_quote {
   width: 85%;
   margin-left: 15px;
}

 .cap_mp_bodytext {
    margin-left: 192px;
    width: 76%;
    text-align: left;
    padding-top: 120px;
 }

 .capitalism_main_h2_p {
    margin-top: -10px;
 }

.bookpagemain_sidelinks_outerdiv {
    border-right: 3px ridge rgb(46, 75, 88, 0.3);
    top: 120px;
    padding-right: 10px;
    //padding-top: 40px;
    position: fixed;
    //border: 1px solid green;
}

 .bookpagemain_sidelinks {
    display: block;
    position: relative;
    padding: 5px 3px;
 }

.bpm_sl3 {
   padding-bottom: 20px;
}

 .bookpagemain_sidelinks a {
    color: #037d03;
 }

 .bookpagemain_sidelinks a:hover {
    color: #03d203;
 }

 .bookpagemain_sidelinks a:visited {
    color: #b5c469;
    background-color: transparent;
 }

.bodytext_div {
    clear: left;
}

.ul_cap_chap_1 {
   width: 85%;
   //border: 1px solid green;
   padding-bottom: 4px;
}

.li_cap_chap_1 {
   width: 95%;
   //border: 1px solid blue;
   padding-bottom: 6px;
}

.sl_intro {
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   background-color: rgb(234, 248, 0, 0.3);
   padding: 4px 10px 4px 3px;
}

@media screen and (max-width: 235px) and (min-width: 207px) {
   .collapsible_topimage {
      float: none;  
      width: 125px;  
      //border: 3px groove mediumblue;
      margin-top: 0px;
      margin-left: 18%;   
   }
   .maintextdiv {
      //border: 3px outset palevioletred;
      margin-right: 8vw;
      margin-top: -100px;
   }
   .capitalism_main_h2, .capitalism_main_h2_p {
      text-align: center;
      //border: 3px dotted royalblue;
      position: absolute;
      width: 108%;
   }
   .capitalism_main_h2 {
      margin-top: 50px;
   }
   .capitalism_main_h2_p {
      width: 108%;
      margin-top: 178px;
   }
   .first_p_bodytext {
      margin-top: -98px;
   }
   .pars {
      margin-right: -12vw;
      //border: 2px dotted maroon;
   }
   .cap_mp_bodytext {
      //border: 2px dotted orange;
      margin-left: 3vw;
   }
}

@media screen and (max-width: 207px) {
   .collapsible_topimage {
      margin-left: 14vw;
   }
   .sl_intro {
      text-align: center;
   }
   .bookpagemain_sidelinks {
      text-align: center;
   }
   .bookpagemain_sidelinks_outerdiv div {
      margin-left: 0vw;
   }
   .bookpagemain_sidelinks_outerdiv {
      margin-left: 0vw;
      width: 100%;
   }
}

@media screen and (max-width: 215px) and (min-width: 208px) {
   .collapsible_topimage {
      margin-left: 16.4vw;
   }
   .sl_intro {
      text-align: center;
   }
   .bookpagemain_sidelinks {
      text-align: center;
   }
   .bookpagemain_sidelinks_outerdiv div {
      margin-left: 0vw;
   }
   .bookpagemain_sidelinks_outerdiv {
      margin-left: 0vw;
      width: 100%;
   }
}

@media screen and (max-width: 238px) and (min-width: 216px) {
   .sl_intro {
      text-align: center;
   }
   .bookpagemain_sidelinks {
      text-align: center;
   }
   .bookpagemain_sidelinks_outerdiv div {
      margin-left: 0vw;
   }
   .bookpagemain_sidelinks_outerdiv {
      margin-left: 0vw;
      width: 100%;
   }
}

@media screen and (max-width: 249px) and (min-width: 239px) {
   .sl_intro {
      text-align: center;
   }
   .bookpagemain_sidelinks {
      text-align: center;
   }
}

@media screen and (max-width: 258px) and (min-width: 250px) {
   .sl_intro {
      text-align: center;
   }
   .bookpagemain_sidelinks {
      text-align: center;
   }
}

@media screen and (max-width: 276px) and (min-width: 259px) {
   .sl_intro {
      text-align: center;
   }
   .bookpagemain_sidelinks {
      text-align: center;
   }
}

@media screen and (max-width: 235px) and (min-width: 200px) {
   .collapsible_topimage {
      float: none;  
      width: 97%;  
      //border: 3px groove mediumblue;
      margin-top: -30px;
      margin-left: 2px;  
   }
   .levl1_coll {
      padding-top: 90px;
      margin-left: 2px;
      width: 97%;
   }
   .maintextdiv {
      //border: 3px outset palevioletred;
      margin-right: 8vw;
      margin-top: -60px;
   }
   .capitalism_main_h2, .capitalism_main_h2_p {
      text-align: center;
      //border: 3px dotted royalblue;
      position: absolute;
      width: 108%;
   }
   .capitalism_main_h2_p {
      width: 108%;
      margin-top: 116px;
   }
   .sl_intro {
      display: relative;
      //border: 3px solid seagreen;
      margin-top: -200px;
      text-align: center;
   }
   .bookpagemain_sidelinks_outerdiv {
      position: relative;
      //border: 3px ridge peru;
      border: none;
      width: 97%;
      margin-left: 2vw;
      padding-top: 70px;
   }
   .bookpagemain_sidelinks {
      text-align: center;
   }
   .bookpagemain_sidelinks_outerdiv div {
      //border: 3px dashed gold;
      margin-top: -17px;
      padding-bottom: 20px;
      //margin-left: -43vw;
   }
   .first_p_bodytext {
      margin-top: -98px;
   }
   .pars {
      margin-right: -12vw;
      //border: 2px dotted maroon;
   }
   .cap_mp_bodytext {
      //border: 2px dotted orange;
      margin-left: 3vw;
   }
}

@media screen and (max-width: 276px) and (min-width: 236px) {
   .collapsible_topimage {
      float: none;  
      width: 97%;  
      //border: 3px groove mediumblue;
      margin-top: -30px;
      margin-left: 2px;  
   }
   .levl1_coll {
      padding-top: 90px;
      margin-left: 2px;
      width: 97%;
   }
   .maintextdiv {
      //border: 3px outset palevioletred;
      margin-right: 8vw;
      margin-top: -60px;
   }
   .capitalism_main_h2, .capitalism_main_h2_p {
      text-align: center;
      //border: 3px dotted royalblue;
      position: absolute;
      width: 108%;
   }
   .capitalism_main_h2_p {
      width: 108%;
      margin-top: 116px;
   }
   .sl_intro {
      display: relative;
      //border: 3px solid seagreen;
      margin-top: -200px;
      text-align: center;
   }
   .bookpagemain_sidelinks_outerdiv {
      position: relative;
      //border: 3px ridge peru;
      border: none;
      width: 97%;
      margin-left: 2vw;
      padding-top: 70px;
   }
   .bookpagemain_sidelinks {
      text-align: center;
   }
   .bookpagemain_sidelinks_outerdiv div {
      //border: 3px dashed gold;
      margin-top: -17px;
      padding-bottom: 20px;
      //margin-left: -43vw;
   }
   .first_p_bodytext {
      margin-top: -98px;
   }
   .pars {
      margin-right: -12vw;
      //border: 2px dotted maroon;
   }
   .cap_mp_bodytext {
      //border: 2px dotted orange;
      margin-left: 3vw;
   }
   .levl2_coll h3, .levl3_coll h4, .levl4_coll h5, .levl5_coll_par p, .levl5_coll_sub h6, .levl6_coll p, .end_poem p, .h1title {
      word-wrap: break-word;
   }
}

@media screen and (max-width: 292px) and (min-width: 277px) {
   .bookpagemain_sidelinks {
      text-align: center;
   }
}

@media screen and (max-width: 452px) and (min-width: 430px) {
   .bpm_sl1 {
      //border: 2px solid seagreen;
      padding-top: 20px;
   }
}

@media screen and (max-width: 500px) and (min-width: 453px) {
   .bpm_sl1 {
      //border: 2px solid seagreen;
      padding-top: 20px;
   }
}

@media screen and (max-width: 899px) and (min-width: 421px) {
   .end_poem p {
      padding-left: 80px;
      padding-right: 80px;
   }
}

@media screen and (max-width: 1135px) and (min-width: 900px) {
   .end_poem p {
      padding-left: 180px;
      padding-right: 180px;
   }
}

@media screen and (min-width: 1136px) {
   .end_poem p {
      padding-left: 280px;
      padding-right: 280px;
   }
}

@media screen and (max-width: 582px) {
   .bookpagemain_sidelinks_outerdiv {
      margin-top: 31px;
   }
}

@media screen and (max-width: 691px) and (min-width: 556px) {
   .bookpagemain_sidelinks_outerdiv {
      margin-top: 60px;
   }
}

@media screen and (max-width: 706px) and (min-width: 692px) {
   .bookpagemain_sidelinks_outerdiv {
      margin-top: 60px;
   }
}

@media screen and (min-width: 972px) {
   .bookpagemain_sidelinks_outerdiv {
      margin-top: 118px;
   }
}

@media screen and (max-width: 1036px) and (min-width: 556px) {
   .bookpagemain_sidelinks_outerdiv {
        margin-top: 240px;
    }
}

@media screen and (max-width:256px) {
    .h1_st {
        font-size: 10px;
    }
}

@media screen and (max-width: 276px) {
    .chquestion_img {
        //border: 1px solid blue;
        width: 155px;
        height: auto;
    }
    .h1title {
        margin-left: 2vw;
    }
    .toc1 {
        width: 85%;
        margin-left: 8vw;
    }
}

@media screen and (max-width: 337px) and (min-width: 277px) {
    .chquestion_img {
        width: 155px;
        height: auto;
    }
    .h1title {
        margin-left: 2vw;
    }
    .toc1, .toc_link, .blankaboveh1 {
        width: 85%;
        margin-left: 8vw;
    }
}

@media screen and (max-width: 555px) and (min-width: 338px) {
    .toc1 {
        margin-left: 12vw;
    }
}

@media screen and (max-width: 555px) and (min-width: 338px) {
    .h1title {
        margin-left: 2vw;
    }
}

@media screen and (max-width: 1219px) and (min-width: 1037px) {
    .bookpagemain_sidelinks_outerdiv {
        margin-top: 240px;
    }
}

@media screen and (min-width: 1220px) {
    .bookpagemain_sidelinks_outerdiv {
        margin-top: 240px;
    }
}

@media screen and (max-width: 360px) and (min-width: 293px) {
    .levl1_coll {
      position: flex;
      align-items: center;
      justify-content: center;
      margin-left: -0.7px;
      margin-right: 0px;
      //border: 2px solid blue;
      width: 100%;
   }
   .collapsible_topimage {
      margin-top: -105px;
   }
   .l2colpt1 {
      margin-top: 40px;
   }
   .sl_intro, .sl_i_div {
      display: none;
   }
}

@media screen and (max-width: 429px) and (min-width: 361px) {
   .collapsible_topimage, .levl1_coll {
      position: flex;
      align-items: center;
      justify-content: center;
      margin-left: -0.7px;
      margin-right: 0px;
      //border: 2px solid blue;
      width: 100%;
   }
   .collapsible_topimage {
      margin-top: -75px;
   }
   .l2colpt1 {
      margin-top: 40px;
   }
   .sl_intro, .sl_i_div {
      display: none;
   }
}

@media screen and (min-width: 556px) {
    .bottom_padding {
        padding-bottom: 300px;
    }
}

@media screen and (max-width: 361px) and (min-width: 277px) {
   .levl1_coll {
      position: flex;
      align-items: center;
      justify-content: center;
      margin-left: -0.7px;
      margin-right: 0px;
      //border: 2px solid blue;
      width: 97%;
      margin-top: 22vw;
   }
   .bookpagemain_sidelinks_outerdiv {
      top: 9.5vw;
      //border: 1px solid lightcoral;
      border: none;
      position: relative;
      width: 97%;
   }
   .bpm_sl1 a {
      border-right: 3px ridge rgb(46, 75, 88, 0.3);
      //border: 1px solid green;
      padding-right: 12px;
   }
   .bpm_sl2 a {
      border-right: 3px ridge rgb(46, 75, 88, 0.3);
      //border: 1px solid green;
      margin-left: 0px;
      padding-right: 12px;
   }
   .bpm_sl2, .bpm_sl3 {
      padding-left: 4px;
   }
   .bpm_sl1, .bpm_sl2, .bpm_sl3 {
      //border: 1px solid yellow;
      padding-top: 0px;
      padding-bottom: 0px;
      position: static;
      display: inline-block;
   }
   .slm_inner_div {
      //border: 1px dotted darkcyan;
      position: flex;
      //width: 75%;
      //transform: translate(35%, 0);
   }
   .l2colpt1 {
      margin-top: 40px;
   }
   .sl_intro, .sl_i_div {
      display: none;
   }
}

@media screen and (max-width: 429px) and (min-width: 362px) {
   .collapsible_topimage, .levl1_coll {
      position: flex;
      align-items: center;
      justify-content: center;
      margin-left: -0.7px;
      margin-right: 0px;
      //border: 2px solid blue;
      width: 100%;
   }
   .collapsible_topimage {
      margin-top: -75px;
   }
   .levl1_coll {
      margin-top: 22vw;
   }
   .bookpagemain_sidelinks_outerdiv {
      top: 8vw;
      //border: 1px solid lightcoral;
      border: none;
      position: relative;
      width: 97%;
   }
   .bpm_sl1 a {
      border-right: 3px ridge rgb(46, 75, 88, 0.3);
      //border: 1px solid green;
      padding-right: 12px;
   }
   .bpm_sl2 a {
      border-right: 3px ridge rgb(46, 75, 88, 0.3);
      //border: 1px solid green;
      margin-left: 0px;
      padding-right: 12px;
   }
   .bpm_sl2, .bpm_sl3 {
      padding-left: 4px;
   }
   .bpm_sl1, .bpm_sl2, .bpm_sl3 {
      //border: 1px solid yellow;
      padding-top: 0px;
      padding-bottom: 0px;
      position: static;
      display: inline-block;
   }
   .slm_inner_div {
      //border: 1px dotted darkcyan;
      position: flex;
      //width: 75%;
      //transform: translate(35%, 0);
   }
   .l2colpt1 {
      margin-top: 40px;
   }
   .sl_intro, .sl_i_div {
      display: none;
   }
}

@media screen and (max-width: 514px) and (min-width: 430px) {
    .levl1_coll {
      position: flex;
      align-items: center;
      justify-content: center;
      margin-left: -0.7px;
      margin-right: 0px;
      //border: 2px solid blue;
      width: 100%;
   }
   .levl1_coll {
      margin-top: 22vw;
   }
   .bookpagemain_sidelinks_outerdiv {
      top: 8vw;
      //border: 1px solid lightcoral;
      border: none;
      position: relative;
      width: 97%;
   }
   .bpm_sl1 a {
      border-right: 3px ridge rgb(46, 75, 88, 0.3);
      //border: 1px solid green;
      padding-right: 12px;
   }
   .bpm_sl2 a {
      border-right: 3px ridge rgb(46, 75, 88, 0.3);
      //border: 1px solid green;
      margin-left: 0px;
      padding-right: 12px;
   }
   .bpm_sl2, .bpm_sl3 {
      padding-left: 4px;
   }
   .bpm_sl1, .bpm_sl2, .bpm_sl3 {
      //border: 1px solid yellow;
      padding-top: 0px;
      padding-bottom: 0px;
      position: static;
      display: inline-block;
   }
   .slm_inner_div {
      //border: 1px dotted darkcyan;
      position: flex;
      //width: 75%;
      //transform: translate(35%, 0);
   }
   .l2colpt1 {
      margin-top: 40px;
   }
   .sl_intro, .sl_i_div {
      display: none;
   }
}

@media screen and (max-width: 555px) and (min-width: 515px) {
   .collapsible_topimage, .levl1_coll {
      position: flex;
      align-items: center;
      justify-content: center;
      margin-left: -0.7px;
      margin-right: 0px;
      //border: 2px solid blue;
      width: 100%;
      margin-top: 7vw;
   }
   .levl1_coll {
      margin-top: 1.4vw;
   }
   .bpm_sl1 a {
      border-right: 3px ridge rgb(46, 75, 88, 0.3);
      padding-right: 12px;
   }
   .bpm_sl2 a {
      border-right: 3px ridge rgb(46, 75, 88, 0.3);
      margin-left: 0px;
      padding-right: 12px;
   }
   .bookpagemain_sidelinks_outerdiv {
        border: none;
        position: relative;
        top: -15vw;
        width: 97%;
    }
    .bpm_sl1, .bpm_sl2, .bpm_sl3 {
      //border: 1px dashed yellow;
      position: static;
   }
   .slm_inner_div {
      //transform: translate(50%, 0);
      //border: 1px dotted darkcyan;
      position: flex;
      //width: 50%;
      //transform: translate(54%, 0);
   }
   .bpm_sl3 {
      padding-bottom: 0px;
   }
   .bookpagemain_sidelinks_outerdiv div {
      //border: 1px solid rgb(104, 77, 9);
      position: relative;
      display: inline-block;
   }
   .sl_intro {
      display: none;
      padding-top: 0px;
   }
}

@media screen and (max-width: 276px) {
    .chquestion_img {
        margin-left: 0vw;
        //border: 1px solid red;
    }
    .bottom_img {
        text-align: center;
        //border: 1px solid green;
    }
    .bookpagemain_sidelinks_outerdiv {
        display: none;
    }
}

@media screen and (max-width: 555px) and (min-width: 277px) {
    .chquestion_img {
        margin-left: 0vw;
        //border: 1px solid red;
    }
    .bottom_img {
        text-align: center;
        //border: 1px solid green;
    }
    .bookpagemain_sidelinks_outerdiv {
        display: none;
    }
    .l2colpt1 {
        margin-top: 80px;
    }
}

@media screen and (max-width: 613px) and (min-width: 556px) {
   .collapsible_topimage, .levl1_coll {
      width: 63%;
   }
   .chquestion_img {
    margin-left: 37vw;
   }
}

@media screen and (max-width: 698px) and (min-width: 614px) {
   .collapsible_topimage, .levl1_coll {
      width: 66%;
   }
   .chquestion_img {
    margin-left: 37.5vw;
   }
}

@media screen and (max-width: 823px) and (min-width: 699px) {
   .collapsible_topimage, .levl1_coll {
      width: 70%;
   }
   .chquestion_img {
    margin-left: 38.5vw;
   }
}

@media screen and (max-width: 706px) and (min-width: 556px) {
    .toc1 {
    margin-left: 32vw;
    width: 62%;
    }
    .l2colpt1 {
        //border: 2px dotted green;
    }
}

@media screen and (max-width: 818px) and (min-width: 707px) {
    .toc1 {
    margin-left: 25vw;
    }
}

@media screen and (max-width: 994px) and (min-width: 819px) {
    .toc1 {
    margin-left: 25vw;
    }
}

@media screen and (max-width: 984px) and (min-width: 824px) {
    .chquestion_img {
        margin-left: 39.5vw;
    }
}

@media screen and (max-width: 1181px) and (min-width: 985px) {
    .chquestion_img {
        margin-left: 39vw;
    }
}

@media screen and (max-width: 1256px) and (min-width: 556px) {
   .levl1_coll {
      margin-top: 4vw;
   }
}

@media screen and (min-width: 1257px) {
   .levl1_coll {
      margin-top: 3vw;
   }
}

@media screen and (max-width: 1448px) and (min-width: 1182px) {
    .chquestion_img {
        margin-left: 38.5vw;
    }
}

@media screen and (max-width: 618px) and (min-width: 556px) {
    .h1title {
        width: 77%;
        //border: 1px solid blue;
    }
    .h1title h1 {
        //border: 1px solid green;
        display: inline-block;
        margin-left: 33.5vw;
        padding-left: 0px;
        padding-right: 0px;
        width: 80%;
    }
    .h1t_authname {
        margin-top: -68px;
    }
}

@media screen and (max-width: 658px) and (min-width: 619px) {
    .h1title {
        width: 77%;
        //border: 1px solid blue;
    }
    .h1title h1 {
        //border: 1px solid green;
        display: inline-block;
        margin-left: 31.8vw;
        padding-left: 0px;
        padding-right: 0px;
        width: 80%;
    }
    .h1t_authname {
        margin-top: -68px;
    }
}

@media screen and (max-width: 691px) and (min-width: 659px) {
    }
    .h1t_authname {
        margin-top: -68px;
    }
}

@media screen and (max-width: 742px) and (min-width: 692px) {
    .h1title {
        margin-left: 0px;
        width: 75%;
        //border: 1px solid blue;
    }
    .h1title h1 {
        margin-left: 21.5vw;
        margin-right: -11.5vw;
        //border: 1px solid green;
    }
    .h1t_authname {
        margin-top: -5px;
    }
}

@media screen and (max-width: 893px) and (min-width: 743px) {
    .h1title {
        margin-left: 0px;
        width: 75%;
        //border: 1px solid blue;
    }
    .h1title h1 {
        margin-left: 21vw;
        margin-right: -10vw;
    }
}

@media screen and (max-width: 1110px) and (min-width: 894px) {
    .h1title {
        margin-left: 0px;
        width: 75%;
        //border: 1px solid blue;
    }
    .h1title h1 {
        margin-left: 19.5vw;
        margin-right: -8.5vw;
    }
}

@media screen and (max-width: 1205px) and (min-width: 1111px) {
    .h1title {
        margin-left: 0px;
        width: 75%;
        //border: 1px solid blue;
    }
    .h1title h1 {
        margin-left: 18vw;
        margin-right: -7vw;
    }
}

@media screen and (max-width: 1335px) and (min-width: 1206px) {
    .h1title {
        margin-left: 0px;
        width: 75%;
        //border: 1px solid blue;
    }
    .h1title h1 {
        margin-left: 16.5vw;
        margin-right: -5.5vw;
    }
}

@media screen and (max-width: 1422px) and (min-width: 1336px) {
    .h1title {
        margin-left: 0px;
        width: 75%;
        //border: 1px solid blue;
    }
    .h1title h1 {
        margin-left: 15vw;
        margin-right: -4vw;
    }
}

@media screen and (max-width: 1588px) and (min-width: 1423px) {
    .h1title {
        margin-left: 0px;
        width: 75%;
        //border: 1px solid blue;
    }
    .h1title h1 {
        margin-left: 14vw;
        margin-right: -3vw;
    }
}

@media screen and (max-width: 555px) {
    .about1 {
        margin-left: 5vw;
        margin-right: 5vw;
    }
}

@media screen and (max-width: 691px) and (min-width: 556px) {
    .about1 {
        margin-left: 34vw;
        //border: 1px solid green;
    }
    .h1title {
        padding-left: 20vw;
        padding-right: 0px;
        //border: 1px solid blue;
        width: 75%;
    }
}

@media screen and (max-width: 742px) and (min-width: 692px) {
    .about1 {
        margin-left: 34vw;
        //border: 1px solid green;
    }
    .h1title {
        padding-left: 17vw;
        padding-right: 0px;
        //border: 1px solid blue;
        width: 75%;
    }
}

@media screen and (max-width: 761px) and (min-width: 743px) {
    .about1 {
        margin-left: 34vw;
        //border: 1px solid green;
    }
    .h1title {
        padding-left: 20vw;
        //border: 1px solid blue;
    }
}

@media screen and (max-width: 1005px) and (min-width: 762px) {
    .about1 {
        margin-left: 27vw;
    }
    .h1title {
        padding-left: 17vw;
    }
}

@media screen and (max-width: 1506px) and (min-width: 1006px) {
    .about1 {
        margin-left: 20vw;
    }
    .h1title {
        padding-left: 14vw;
    }
}

@media screen and (min-width: 1507px) {
    .h1title {
        //border: 1px solid blue;
        padding-left: 10vw;
    }
}

@media screen and (min-width: 1589px) {
    .h1title {
        margin-left: 0px;
        width: 75%;
        //border: 1px solid blue;
    }
    .h1title h1 {
        margin-left: 15vw;
        margin-right: -4vw;
    }
}