main {
  padding: 15px;
  box-sizing: border-box; }
  main .bar {
    color: #8f8f8f;
    margin-top: 14px; }
    main .bar a {
      text-decoration: underline;
      color: #459DCA;
      margin-right: 8px;
      font-size: 15px; }
    main .bar a:nth-child(2) {
      margin-left: 8px; }

.main h1 {
  font-weight: bold;
  margin-top: 20px;
  font-size: 20px;
  margin-bottom: 18px;
  text-transform: uppercase; }
.main img {
  width: 100%;
  height: auto;
  margin-bottom: 10px; }
.main p {
  margin-bottom: 5px; }

.mucluc {
  margin: 20px 0;
  padding: 15px;
  border: 1px solid #5c5c5c;
  background: #F6F8F7; }
  .mucluc h2 {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin: 10px;
    margin-bottom: 15px; }
    .mucluc h2 i {
      margin-right: 10px; }
  .mucluc ul li {
    list-style-type: upper-roman;
    margin-left: 25px;
    margin-bottom: 7px; }
    .mucluc ul li ul li {
      list-style: decimal; }
      .mucluc ul li ul li li {
        list-style: disc; }
  .mucluc a:hover {
    text-decoration: underline; }

.condition .title {
  font-size: 19px;
  background: rgba(107, 184, 181, 0.2);
  text-transform: uppercase;
  border-left: 10px solid #D12128;
  font-weight: bold;
  padding: 15px;
  margin-bottom: 25px;
  margin-top: 30px; }
.condition p {
  margin-bottom: 7px; }
.condition ul.disc li {
  list-style-type: disc;
  margin-left: 15px;
  margin-bottom: 10px; }
.condition ul.decimal > li {
  list-style-type: decimal;
  margin-left: 15px;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 6px solid rgba(107, 184, 181, 0.3);
  position: relative;
  padding-bottom: 5px;
  margin-top: 20px;
  margin-bottom: 20px; }
  .condition ul.decimal > li:after {
    width: 25%;
    content: "";
    display: block;
    border-bottom: 6px solid #3D92C7;
    bottom: -6px;
    left: 0;
    position: absolute; }
.condition li#ren5:after {
  left: 25%; }
.condition li#ren6:after {
  left: 50%; }
.condition li#ren14:after {
  left: 75%; }
.condition ul.decimal .disc li {
  font-weight: bold;
  font-size: 18px;
  margin-top: 19px; }
.condition ul.decimal2 li {
  list-style-type: decimal;
  margin-left: 15px;
  margin-bottom: 8px;
  margin-top: 14px;
  font-weight: bold;
  font-size: 18px; }

@media Screen and (min-width: 768px) {
  main {
    max-width: 1100px;
    padding: 0 50px;
    box-sizing: border-box;
    margin: auto;
    margin-bottom: 50px; }
    main .bar {
      margin-top: 50px; }

  .main h1 {
    font-size: 25px;
    margin-bottom: 30px;
    margin-top: 25px; }
  .main .mucluc {
    margin: 50px auto; } }