footer {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin: 0 auto;

  width: 95%;

}

.mp-brand, .gto-brand {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  border: none;

  border-radius: 50%;

  background-color: #194988;

  cursor: pointer;

  box-shadow: 0px 0px 7px #333333;

}

.mp-brand img {

  width: 150px;

	height: 70px;

  filter: drop-shadow(0px 7px 7px #333333);

}

.gto-brand img {

  width: 90px;

	height: 160px;

  transition: .2s ease-in-out;

  filter: drop-shadow(0px 7px 7px #333333);

}

.gto-brand img:hover {

  transform: scale(1.1);

}

footer span {

  font-size: 1.2rem;

  color: #CCCCCC;

  margin: 20px auto;

}

.flip-container-footer {

  perspective: 1000px;

  width: 200px;

  height: 200px;

}

.flip-container-footer:hover .flipper {

  transform: rotateX(180deg);

}





@media (max-width: 500px) {

  .mp-brand img {

    width: 150px;

    height: 70px;

  }

  .gto-brand img {

    width: 90px;

    height: 160px;

  }  

  footer span {

    font-size: 1rem;

  }

}







@media (max-width: 500px) {

  .flip-container-footer {

    width: 200px;

    height: 200px;

  }

}