body {
  font-family: courier, monospace;
  max-width: 1100px;
  margin: 0 auto;
  font-size: 18px;
  padding: 0 50px; }
  @media screen and (max-width: 800px) {
    body {
      padding: 0 25px; } }

a {
  color: #7547ff; }
  a:visited {
    color: #7547ff; }

.nav {
  font-size: 14px;
  text-align: center; }
  .nav a, .nav a:active {
    color: #fff;
    border: 2px solid #7547ff;
    padding: 3px 10px;
    background-color: #7547ff;
    border-radius: 29px;
    text-decoration: none;
    -webkit-transition: background-color 500ms ease-out, color 500ms ease-out;
    transition: background-color 500ms ease-out, color 500ms ease-out; }
  .nav a:hover {
    color: #7547ff;
    background-color: #fff; }

.header {
  margin: 0 auto;
  width: 100%;
  text-align: center; }

.images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  overflow: hidden; }

.images img {
  -webkit-animation: bannermove 25s linear infinite;
          animation: bannermove 25s linear infinite;
  border: 1px solid #fff; }

@-webkit-keyframes "bannermove" {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(-1108px, 0, 0);
            transform: translate3d(-1108px, 0, 0); } }

@keyframes "bannermove" {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(-1108px, 0, 0);
            transform: translate3d(-1108px, 0, 0); } }

.images img {
  height: 200px; }

.signature {
  width: 200px;
  margin-bottom: -83px; }
  @media screen and (max-width: 352px) {
    .signature {
      margin-bottom: -130px; } }

footer {
  margin-top: 50px;
  font-size: 12px;
  padding-bottom: 50px; }

/*# sourceMappingURL=index.css.map*/