.logos {
  text-align: center;
}

.mainback {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    right top,
    from(#303030),
    color-stop(#2d2d2e),
    color-stop(#2b2a2b),
    color-stop(#2a2728),
    color-stop(#282425),
    color-stop(#282425),
    color-stop(#272324),
    color-stop(#272324),
    color-stop(#282627),
    color-stop(#2a292a),
    color-stop(#2c2b2c),
    to(#2e2e2e)
  );
  background-image: linear-gradient(
    to right top,
    #303030,
    #2d2d2e,
    #2b2a2b,
    #2a2728,
    #282425,
    #282425,
    #272324,
    #272324,
    #282627,
    #2a292a,
    #2c2b2c,
    #2e2e2e
  );
}

.handy {
  cursor: pointer;
}

.footer_back {
  background-color: #000000;
  opacity: 0.8;
  background-image: linear-gradient(#222222 2px, transparent 2px),
    linear-gradient(90deg, #222222 2px, transparent 2px),
    linear-gradient(#222222 1px, transparent 1px),
    linear-gradient(90deg, #222222 1px, #000000 1px);
  background-size:
    50px 50px,
    50px 50px,
    10px 10px,
    10px 10px;
  background-position:
    -2px -2px,
    -2px -2px,
    -1px -1px,
    -1px -1px;
}

a {
  text-decoration: none;
  color: white;
}

.glib {
  font-size: 1em;
}

.logo_round {
  background-color: #f5f5f5;
  opacity: 1;
  border-width: 0px;
  -webkit-clip-path: circle();
  clip-path: circle();
  padding: 2em;
}

.inliner {
  display: inline;
}

.logo_image {
  max-width: 37%;
  max-height: 37%;
}

@media (min-width: 576px) {
  .logo_image {
    max-width: 26%;
    max-height: 26%;
  }

  .glib {
    font-size: 1.1em;
  }
}

@media (min-width: 768px) {
  .logo_image {
    max-width: 20%;
    max-height: 20%;
  }

  .glib {
    font-size: 1.2em;
  }
}

@media (min-width: 992px) {
  .logos {
    text-align: left;
  }

  .logo_image {
    max-width: 8%;
    max-height: 8%;
  }
}