@media screen and (max-width: 768px) {
  article section {
    width: 90%;
    margin: 0 auto 60px auto; }
    article section h2 {
      font-weight: 700;
      font-size: 8vw;
      padding-bottom: 20px;
      margin-bottom: 20px;
      line-height: 1em;
      -webkit-transition: all .5s ease-in-out;
      -moz-transition: all .5s ease-in-out;
      -ms-transition: all .5s ease-in-out;
      -o-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      text-align: center;
      position: relative;
      font-family: 'Sanomat Sans Web bold'; }
    article section h2:before {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      margin-left: -30px;
      bottom: 0;
      width: 60px;
      height: 1px;
      background: #000000; }
    article section p {
      font-size: 1.3em;
      line-height: 1.9em;
      margin: 0 auto 60px auto; }
      article section p a {
        width: 90%;
        height: 40px;
        line-height: 40px;
        background: #0079aa;
        font-size: 1em;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
        display: block;
        margin: 0 auto;
        color: #ffffff;
        text-align: center;
        text-decoration: none; }
      article section p a:hover {
        background: #009fde; }
    article section h3 {
      font-weight: 700;
      font-size: 1.5em;
      margin-bottom: 15px;
      line-height: 1em;
      white-space: nowrap;
      -webkit-transition: all .5s ease-in-out;
      -moz-transition: all .5s ease-in-out;
      -ms-transition: all .5s ease-in-out;
      -o-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      text-align: center;
      position: relative;
      color: #0079aa;
      letter-spacing: 0.1em; }
    article section > a {
      color: #000;
      display: block;
      width: 90%;
      height: 45px;
      line-height: 45px;
      text-align: center;
      background: #00d5e8;
      border-radius: 22.5px;
      position: relative;
      text-decoration: none;
      font-size: 1.3em;
      font-weight: 600;
      letter-spacing: 0.15em;
      margin: 0 auto; }
    article section > a:hover {
      background: #ff0f1f; } }
