*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body,html{height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}
.main{position:static;width:auto;margin:0 8%}
.nowi{margin:0 20%}
a{color:#000}a:hover,a:focus{text-decoration:none;color:#039BE5}
.border-dotted-top{border-top:1px dashed #BDBDBD}.border-solid-top{border-top:1px solid #BDBDBD}
.border-solid{border:1px solid #BDBDBD}.border-dotted{border:1px dashed #BDBDBD}
.ab{letter-spacing:0.05rem;line-height:1.12;color:#c62828;font-size:0.9em;font-weight:600;text-transform:uppercase;margin-bottom:0.2em}.ab a{color:#c62828}
.mt{margin-top:1.2vw !important}
.mb{margin-bottom:1.2vw !important}
.mx{margin-left:1.2vw !important;margin-right:1.2vw !important}
.py{padding-top:1.2vw !important;padding-bottom:1.2vw !important}
li{padding-top:10px}
.img-fluid{max-width:100%;height:auto;display: block;margin-left:auto;margin-right: auto;}
.color-gray2{color:#BDBDBD}
.label-color{color:#c62828}
.cent{text-align:center!important}
.article h2.styt{font-weight:700;text-align:center;padding-top:0.75em;font-size:1.1em}

@media only screen and (max-width:800px){
  .main{margin:0 2%}
  .nowi{margin:0 10%}
  h1{font-size:24px}
  h2{font-size:20px}
  li{padding-top:5px}  
}