div.preloader {
  height:calc(100% - 60px);
}

#action {
  margin-top:6rem;
  padding:3rem 1rem;
  padding-bottom: 5rem;
  background:#efefef;
  background: linear-gradient(136deg, rgb(255 242 210) 0%, #fff 50%, rgb(255 242 210) 100%);
}

#action a {
  filter:none;
  font-family: Roboto-Thin;
  font-weight: 600;
  color:#fff !important;
  background-color:#ca571e;
  padding:1.5rem 2rem;
  font-size:16px;
  border-radius: 30px;
  border:none;
  letter-spacing: .1em;
  box-shadow: 0 0 25px 1px rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0 0 25px 1px rgba(255, 255, 255, 0.95);
  -moz-box-shadow: 0 0 25px 1px rgba(255, 255, 255, 0.95);
  width:auto;
  margin:0 auto !important;
  margin-top:2.5rem !important;
}

#action h1 {
  margin: 2rem auto;
  margin-top:3rem;
  font-family: Roboto-Thin;
  letter-spacing: .02em;
  line-height:1.5;
  font-weight: 600;
  font-size: 26px;
  text-align: center;
  color: #000;
  width: 230px;
  max-width: 100%;
  background-image: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(171,133,37,1) 50%, rgba(0,0,0,1) 100%);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  width:auto;
}

#action a img {
  height: 22px;
  filter: invert(1);
  margin-right: 1rem;
}

#action a:hover {
  transform: translateY(-2px);
  background-color:#ad4c1b;
  box-shadow: 0 0 30px 1px rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0 0 30px 1px rgba(255, 255, 255, 0.95);
  -moz-box-shadow: 0 0 30px 1px rgba(255, 255, 255, 0.95);
}

#action h1:before {
  content: "";
  position: absolute;
  height: 1px;
  background: linear-gradient(280deg, rgb(239 239 239 ) 0%, #797575 100%);
  bottom: -1rem;
  left: calc(50% - 50px);
  width: 100px;
}

#action .desc {
  font-size:20px;
}

@media (min-width: 768px) {
  #action a {
    margin-top:3rem !important;
  }
}

@media (min-width: 912px) {
  div.preloader {
    height:calc(100% - 120px);
  }
}