:root {
  --colorAccent:#ADB6A3; /*headline and offer bg */
  --colorBG:#f8f2e0; /*page bg */
  --colorGray:#373737; /*btn text color */
  --colorBeige:#ECE9D6; /*not current used anywhere */
}

body {
  margin:0;
  padding:0; width:100%;background-color:#ECE9D6;
}

#faux_body {
  font-family:'Montserrat', sans-serif;

  background-size:50% 100%;
  background-position:100% 0%;
  background-repeat:no-repeat;
  margin:0;  
  width:100%;
  height:100vh;
  overflow-x:hidden;
}

#sh-container {
  width:100%;
  max-width:50%;
  position:relative;
  top:50%;
  transform:translateY(-50%);
  padding:0 50px;
}

#sh-container p {
  width:100%;
  max-width:1200px;  
  margin:auto auto;
  text-align:center;
  position:relative;
  font-size:60px;
  font-weight:900;
  line-height:55px;
  color:var(--colorAccent);
  opacity:1;
  text-shadow:1px 1px black;
}

.sh-offer {
  width:95%;
  max-width:1000px;
  min-height:auto;
  background:var(--colorAccent);
  margin:0 auto;
  position:relative;
  top:75px;
  border-radius:25px;
  animation:loadIn 1.5s linear forwards;
  transform:rotate(-3deg);
}
@keyframes loadIn {
  0% { opacity:0; transform:scale(20); }
  80% { transform:scale(1); }
  85% { transform:scale(1.25); }
  100% { opacity:1; }
}

.sh-offer:after {
  content:'';
  position:absolute;
  top:-15px;
  left:-15px;
  width:100%;
  height:100%;
  border:3px solid black;
  border-radius:25px;
  pointer-events:none;
}

.offerBlock {
  padding:30px;
  border-radius:25px;
}

#si-offer {
  padding:30px;
  text-align:center;
  border-radius:25px;
}

.si-offer-inner {
  width:100%;
  padding:10px 0px;
  text-align:center;
  font-weight:400;
  color:white;
}

#si-title {
  color:gray;
}

#si-price {
  font-size:55px;
  line-height:36px;
  font-weight:600;
  color:white;
}
#si-info {
  font-size:18px;
  padding-bottom:40px;
}
#si-btn {
  width:75%;
  max-width:350px;
  margin:0 auto;
  background:white;
  color:var(--colorGray);
  text-transform:uppercase;
  font-weight:600;
  border-radius:25px;
  padding:0px;
  transition:.75s;
  position:relative;
}
#si-btn:after {
  content:'';
  position:absolute;
  top:-10px;
  left:-10px;
  width:100%;
  height:100%;
  border:3px solid black;
  border-radius:25px;
  pointer-events:none;
  transition:.75s;  
}
#si-btn:hover:after {
  top:5px;
  left:5px;
}
#si-btn a {
  color:inherit;
  text-decoration:none;
  display:block;
  padding:20px 0px;
}
#si-disc {
  padding-top:20px;
  padding-bottom:0;
  font-size:10px;
  font-family:sans-serif;
}

@media screen and (max-width:1000px) {
  #faux_body {
    background-image:none;
  }
  #sh-container {
    width:100%;
    max-width:95%;
    margin:0 auto;
    position:relative;
    top:25px;
    padding:0;
    transform:none;
  }
  
  #si-offer {
    padding:15px;
  }
  #sh-container {
/*     background:black; */
  }
  #sh-container p {
    font-size:50px;
    position:relative;
    background:var(--colorAccent);
    color:var(--colorBeige);
    border-radius:25px;
    padding:25px 0;
    margin-bottom:100px;
  }
  #sh-container p:before {
    content:'';
    width:90%;
    height:100%;
    position:absolute;
    left:5%;
    top:0;
    border:3px solid black;
    border-radius:25px;
    transform:rotate(2deg);
  }
  #sh-container p:after {
    content:'';
    width:415px;
    height:320px;
    position:absolute;
    left:50%;
    top:70%;
    transform:translateX(-50%);
    background-image:url('https://contentservice.mc.reyrey.net/image_v1.0.0/?id=4f3d306a-4ef9-5aa5-9cd3-968696a85579&637224761224926242');  
    background-size:contain;
    background-repeat:no-repeat;
    border-radius:25px;
    z-index:9999;
  }
}