/*Template container*/
.customers-container {
  width: 100%;
  height: 100%;
  padding-top: 5vh;
  padding-bottom: 5vh;
  padding-left: 5vw;
  padding-right: 5vw; }

/*Container for the header*/
.customer-header-container {
  width: 100%;
  height: 10vh; }
  .customer-header-container h1 {
    text-align: center;
    font-weight: bold;
    font-size: 8vmin;
    margin: 0; }
  @media (max-width: 599px) {
    .customer-header-container h1 {
      font-size: 14vmin; } }

/*Container for all tiles and the <ul> holding them*/
.customer-tiles-container {
  width: 100%; }

/*<ul> for the customer tiles*/
.customer-tiles-list {
  list-style: none;
  -webkit-margin-start: 0px;
  -webkit-padding-start: 0px;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0px; }
  .customer-tiles-list li a {
    color: #FFF; }

/*Manage the whole tile*/
.customer-tile-container {
  border: 0.25vw solid #000;
  border-radius: 2vw;
  display: inline-block;
  width: 14.5vw;
  height: 20vh;
  margin: 0vh 2vw 4vh 2vw; }
  @media (max-width: 599px) {
    .customer-tile-container {
      width: 25.5vw;
      height: 16vh;
      margin: 0vh 2vw 4vh 2vw; } }
  @media (min-width: 600px) {
    .customer-tile-container {
      width: 20.5vw; } }
  @media (min-width: 900px) {
    .customer-tile-container {
      width: 14.5vw;
      height: 20vh;
      margin: 0vh 2vw 4vh 2vw; } }

/*Manage the container for the images inside the tiles*/
.image-tile-container {
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

/*Mange the image itself in the tiles*/
.customer-tile-image {
  max-width: 14vw;
  max-height: 14vh;
  display: block;
  margin: auto; }
  @media (max-width: 599px) {
    .customer-tile-image {
      max-width: 23vw; } }
  @media (min-width: 600px) {
    .customer-tile-image {
      max-width: 18.5vw; } }
  @media (min-width: 900px) {
    .customer-tile-image {
      max-width: 12.5vw; } }

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