@charset "utf-8";

.download-page a.black-link,
.download-page a.black-link:link,
.download-page a.black-link:visited,
.download-page a.black-link:hover,
.download-page a.black-link:active {
  color: #000;
  text-decoration: none;
}

.download-page .dwbx {
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
}

.download-page .dwabx {
  width: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
}

.download-page .dwbbx {
  margin-top: 3%;
  width: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
}

.download-page .dwbc {
  width: 32%;
  margin: 0 0.5%;
}

.download-page .dwbca {
  width: 32%;
  margin: 0 0.5%;
}

.download-page .dwbt {
  width: 100%;
  padding: 10px;
  text-align: center;
  background: url("../images/dwtlb.png");
  background-size: 100% 100%;
  color: #ffc168;
}

.download-page .dwbm {
  width: 90%;
  padding: 10px;
  margin: 0 auto;
}

.download-page .dwbmbx {
  width: 90%;
  padding: 10px;
  margin: 0 auto;
  text-align: center;
  border-bottom: 1px solid rgba(117, 116, 96, 0.3);
}

.download-page .dwal {
  width: 40%;
  padding: 2% 5% 0 5%;
}

.download-page .dwalt {
  width: 90%;
  margin: 5% auto 0 auto;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.download-page .dwalc {
  width: 100%;
}

.download-page .dwar {
  width: 58%;
  margin-left: 2%;
}

.download-page .dwba,
.download-page .dwbb {
  color: #ffda5f;
  padding: 10px;
  font-size: 1.5rem;
  width: 49%;
  margin: 0 0.5%;
  border-radius: 5px;
  text-align: center;
  background-color: #35342e;
}

.download-page .dwart {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.download-page .dwartx {
  position: absolute;
  width: 100%;
  color: #ffeebf;
  text-align: center;
}

.download-page .dwtxl {
  width: 100%;
  height: 54px;
  color: #ffc168;
  background: url("../images/dwtla.png") no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.download-page .dwarc {
  width: 100%;
  padding: 10px;
}

@media only screen and (max-width: 430px) {
  .download-page .dwbt {
    background-size: 100% 100%;
  }

  .download-page .dwbc {
    width: 49%;
  }

  .download-page .dwbca {
    width: 100%;
  }

  .download-page .dwbm {
    width: 98%;
  }

  .download-page .dwalt {
    width: 98%;
  }

  .download-page .dwal,
  .download-page .dwar {
    width: 95%;
    margin: 0 auto;
  }

  .download-page .dwbx,
  .download-page .dwabx {
    display: block;
  }
}