/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Footer
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Extras
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
.clearfix:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Media Queries
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
@media all and (max-width: 1050px) {
  .container {
    width: 100%;
  }

  #info-bar a {
    display: block;
  }

  span.all-tutorials,
  span.back-to-tutorial {
    width: 100%;
  }

  span.all-tutorials,
  span.back-to-tutorial {
    float: none;
    text-align: center;
  }

  span.all-tutorials {
    border-bottom: solid 1px #238b68;
  }

  #title h1 {
    font-size: 20px;
  }

  #title h2 {
    font-size: 16px;
  }
}