html, body, .viewport, #__next, .main {
  width: 100%;
  height: 100%;
  margin: 0; }

.main {
  display: flex;
  justify-content: center; }

body {
  background-color: black; }

.container {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  width: 100%;
  max-width: 1920px;
  align-items: center; }

.bambi-logo {
  flex-grow: 0.1;
  justify-content: center;
  width: 50%;
  margin: 0; }

.icons {
  display: flex;
  justify-content: space-around;
  width: 80%;
  align-self: center; }

.icon-wrapper {
  display: flex;
  width: 15%; }

@media screen and (min-width: 900px) and (max-width: 1200px) {
  .icons {
    width: 40%; }
  .bambi-logo {
    width: 25%; } }

@media screen and (min-width: 1200px) {
  .icons {
    width: 25%; }
  .bambi-logo {
    width: 15%; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .icons {
    width: 60%; }
  .bambi-logo {
    width: 35%; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .icons {
    width: 45%; }
  .bambi-logo {
    width: 25%; } }

@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (min-device-height: 1366px) and (max-device-height: 1366px) and (min-width: 1024px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .bambi-logo {
    width: 50%; }
  .icons {
    width: auto; } }

@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (min-device-height: 1024px) and (max-device-height: 1024px) and (min-width: 1366px) and (max-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .bambi-logo {
    width: 30%; }
  .icons {
    width: auto; } }

@media screen and (min-device-width: 320px) and (max-device-width: 823px) and (orientation: landscape) {
  .bambi-logo {
    width: 20%; }
  .icons {
    width: 50%; } }

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .icons {
    width: 40%; }
  .bambi-logo {
    width: 18%; } }

.icon, a {
  width: 100%; }

.image {
  width: 100%; }