/* =MML
-------------------------------------------------------------- */
#page {
  background-image: none; }

.page-title {
  padding: 20px 0;
  text-align: center; }
  .page-title img {
    width: 340px;
    height: auto; }

h1 {
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.5em 1em;
  margin-bottom: 1em;
  color: #ffef7a;
  border-radius: 5px; }

.mml_userule {
  font-size: .8em; }
  .mml_userule h5 {
    font-size: 1.2em;
    text-shadow: 0 0 5px #000, 0 0 5px #000; }

section {
  text-align: left; }
  section ul li {
    text-align: left;
    font-size: .75em; }
  section a.button-mml {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 18px 100px;
    border-radius: 6px;
    transition: .3s;
    text-shadow: none;
    color: #000;
    background: #ffd73b;
    display: inline-block;
    margin-bottom: 10px; }
  section a.button-mml:hover {
    color: #fff;
    background: #ff3b3b; }
  section .mml_flex {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3em; }
    section .mml_flex div {
      flex-basis: 50%;
      align-content: space-between; }
      section .mml_flex div img {
        border-radius: 5px;
        width: 100%;
        height: auto;
        max-width: 100%; }

@media screen and (max-width: 768px) {
  #gn-apm3 img {
    width: 60px;
    height: auto; }
  .page-title img {
    margin-top: 45px;
    width: 60%; }
  section a.button-mml {
    display: inline-block;
    padding: 18px 20px; }
  section .mml_flex {
    display: block; } }