body {
   height:100vh;
   width:100%;
   margin:auto;
   background:url('images-cs-clout/bg.webp') no-repeat center top;
   background-size:cover;
}

body img {
  max-width:650px;
  position:absolute;
  top:50%;
  transform:translateY(-35%);
  margin-left:5%;
    pointer-events: none
}

.rs {
  position:absolute;
  right:30px;
  bottom:30px;
}

.rs a  {
  width:48px;
  height: 48px;
  display:inline-block;
  margin-left:10px;
  transition:0.3s;
}

.rs .fb {
  background:url(images-cs-clout/fb.jpg) no-repeat center;
  background-size: 48px;
  border-radius:50%;
}

.mail {
  background:url(images-cs-clout/mail.png) no-repeat center;
  background-size: 48px;
  border-radius:50%;
}

.clout {
  background:url(images-cs-clout/logo-clout.png) no-repeat center;
  background-size: 48px;
}

.rs a:hover {
  transform:scale(1.2)
}

@media(max-width:1023px) {
  body {
      background-image: url(images-cs-clout/bg-mobile-jan.webp);
      padding:0px;
  }

  body img {
      width:90%;
      left:50%;
      margin-left:-45%;
  }

  .rs {
    width:100%;
    text-align:center;
    right:0px;
  }

  .rs a  {
    width:10vw;
    height: 10vw;
    background-size:10vw;
    margin:0px 3vw;
  }

  .rs .fb {
    background-size:10vw;
    width:10vw;
  }
}