html, body{
  background-color: #fff;
}
body.client-oip {
  background-color: #023c0f;
}
body.client-cafekorn,
body.client-mitkorn {
  background-color: #262626;
}
body.client-paradis {
  background-color: #d03230;
}
body.client-skagen {
  background-color: #801824;
}
body.client-olelynggaard {
  background-color: #fbfbfb;
}
body.client-kaisersport {
  background-color: #18385F;
}
body.client-kammerateriet {
  background-color: #333333;
}
body.client-carls {
  background-color: #F4F1EC;
}
body.client-madogkaffe {
  background-color: #F4EBD9;
}
body.client-grillenburgerbar {
  background-color: #EDEEDD;
}
body.client-ismageriet {
  background-color: #B1EDDA;
}
body.client-cafemauritz {
  background-color: #3B5C52;
}
body.client-bodenhoff {
  background-color: #6DC5EA;
}
body.client-mashsteak {
  background-color: #FFFFFF;
}
*{
  margin: 0;
  padding: 0;
  color: #fff;
}
h1 {
    color:#000;
}
.container{
  width: 100%;
  overflow: hidden;
  margin: 0 auto;;
}
img{
  width:100%;
  height: auto;
}

.row {
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  gap: 1px;
}

.left-content {
  width: 50%;
  height: 100vh;
}

.left-img img {
	transform: translateX(-24.4rem);
	width: 65rem;
	margin-top: -4rem;
}
.right-content {
  width: 50%;
  transform: translateX(-6rem);
}

.brand-logo {
  width: 250px;
  text-align: center;
  margin: 0 auto;
}

.brand-logo {
  width: 200px;
  text-align: center;
  margin: 0 auto;
}
.store-logo {
  display: flex;
  gap: 30px;
  margin-top: 2rem;
  justify-content: center;
}

.store-logo input {
	width: 180px;
}
/* Mobile Responsive */
@media only screen and (max-width: 600px) {
  .container{
    height: 100vh;
  }
  .row{
      display: flex;
      flex-direction: column-reverse;
      overflow: hidden;
      justify-content: center;
      align-items: center;

  }
  .left-content {
      width: 100%;
      transform: translateY(9em);
    }

  .left-img img {
      transform: translateX(0rem);
      width: 100%;
      margin-top: 20px;
    }
    .right-content {
      width: 100%;
      transform: translateY(6em);
    }

  .brand-logo {
      width: 100px;
      text-align: center;
      margin: 0 auto;
    }

  .brand-logo {
      width: 100px;
      text-align: center;
      margin: 0 auto;
    }
    .store-logo a {
      margin: 0 auto;
    }
    .store-logo {
      display: flex;
      margin-top: 1rem;
      justify-content: center;
      flex-direction: column;
    }

  .store-logo input {
      margin: 0 auto;
    }

.brand-logo img {
  margin-bottom: 3rem;
}
 }
 /* Responsive For large Screen */
 @media screen
  and (min-device-width: 1600px)
  /* and (max-device-width: 1600px)  */
  and (-webkit-min-device-pixel-ratio: 1) {
    .left-img img {
      width: 150%;
      transform: translateX(-27rem);
    }
}