.bnm-landing {
    background-color: rgb(238 238 238);
    background-size: auto;
    background-repeat: no-repeat;
    padding: 25px 30px 100px;
    border-width: 0px;
    border-style: solid;
    border-color: transparent;
    color: rgb(37, 42, 50);
    font-family: Roboto;
    font-size: 14px;
}
.bnm-content {
    align-items: center;
    display: flex;
    width: 100%;
    flex-direction: column;
    min-height: 100vh;
    text-decoration: inherit;
    overflow: unset;
}
.bnm-title-img {
    width: 100%;
    max-width: 90vw;
    margin-bottom: 24px;
}
.bnm-steps-img {
    width: 100%;
    max-width: 98vw;
    margin-bottom: 32px;
}
.bnm-cta {
    display: block;
    width: 135px;
    background: #f78f1e;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 15px 0;
    border-radius: 7px;
    font-size: 20px;
    font-weight: 600;
    margin: 0 auto 24px auto;
    box-shadow: 0 2px 8px rgba(227,6,19,0.08);
    transition: background 0.2s, transform 0.15s;
}

.bnm-available {
    color: #222;
    font-size: 15px;
    text-align: center;
    margin-top: 0;
    font-weight: 500;
} 

body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    font-weight: 400;
    color: #636a7b;
    font-size: 13px;
}
p { 
    margin: 0;
    padding: 0;
}

@media (min-width: 700px) {
  body.bnm-landing {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 0;
  }
  .bnm-content {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: auto;
  }
  .bnm-title-img,
  .bnm-steps-img {
    max-width: 50%;
  }
}