html,body {
  height:100%;
  background: #ef4823;
  font-family: Roboto, Arial, Helvetica, sans-serif;
} 
/* d-flex h-100 align-items-center justify-content-center */
#promo-wrap {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

#promo-screenshot {
  width:80vw;
  max-width: 1000px;
  max-height:80vh;
  object-fit:contain;
}
.promo-text {
  line-height:1;
}
#promo-title {
  font-size: 2.5em;
  font-weight:600;
}
#promo-tagline {
  font-size:1.5em;
  font-weight:300;
}
#promo-promise {
  font-size:1.4em;
  padding-bottom:1em;
}

.btn-social {
  border-radius: 100%;
  padding: 1em;
  font-size:2em;
  width:0px;
  height:0px;
  line-height:1;
  color:#ef4823;
  margin-right:1rem;
}
.btn-social:last-child{
  margin-right:0px;
}
.btn-social,.btn-social:hover,.btn-social:focus,.btn-social.active{
  background:white;
  border:none;
  transition:all 200ms ease;
}
.btn-social:hover,.btn-social:focus,.btn-social.active {
  scale: 1.1;
}
.btn-social > i{
  transform:translate(-50%,-50%)
}

* {
  user-select: none;
}