html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.logo {
  flex: 0 0 25rem;
  height: 100%;
  background-image: url(../img/logo1.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.logo.type-2 {
  background-image: url(../img/logo2.jpg);
}

.logo.type-3 {
  background-image: url(../img/logo3.jpg);
}