body {
    font-family: sans-serif;
    text-align: center;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.commingSoon {
    position: relative;
}

.commingSoon .mobHide, .commingSoon .desktopHide {
    width: 100%;
    display: block;
}

.commingSoon .mobHide {
    display: block;
}

.commingSoon .desktopHide {
    display: none;
}

.socialIcons {
    display: flex;
    flex-direction: row;
    gap: 15px;
    position: absolute;
    bottom: 4%;
    left: 35%;
}

.socialIcons li {
    list-style: none;
}

.socialIcons li a {
    display: block;
    text-decoration: none;
}

.socialIcons li a img {
    display: block;
    width: 24px;
}

@media (max-width: 1300px) {
    .socialIcons {
      left: 32%;
    }
  }
  
  @media (max-width: 1100px) {
    .socialIcons {
      left: 28%;
    }
  }
  
  @media (max-width: 900px) {
    .socialIcons {
      left: 24%;
    }
  }
  
  @media (max-width: 840px) {
    .socialIcons {
      left: 38%;
      top: 37%;
      bottom: unset;
    }
  }
  
  @media (max-width: 700px) {
    .socialIcons {
      left: 33%;
    }
  }
  @media (max-width: 550px) {
    .socialIcons {
      left: 32%;
    }
  }
  @media (max-width: 500px) {
    .socialIcons {
      left: 30%;
    }
  }
  @media (max-width: 450px) {
    .socialIcons {
      left: 26%;
    }
  }
  @media (max-width: 400px) {
    .socialIcons {
        top: 36%;
        left: 19%;
    }
  }
  @media (max-width: 340px) {
    .socialIcons {
        left: 15%;
    }
  }

@media only screen and (max-width:840px) {
    .commingSoon .mobHide {
        display: none;
    }

    .commingSoon .desktopHide {
        display: block;
    }
}