#wrapper {
  padding-bottom: 99px;
}

body {
  background-color: #f9fafb;
}

#privacy-text {
  margin-top: 20%;
}

#privacy-text * {
  color: #000000;
}

#fbBtn {
  margin-top: 12%;
  margin-bottom: 5%;
}

#fbBtn.web-app {
  padding: 8px 13px;
  background-color: #415993;
  border-color: #415993;
}

#fbBtn.web-app i {
  font-size: 1.5rem;
  position: relative;
  top: 2px;
  right: 3px;
}

#fbBtn.fb-app {
  margin-bottom: 20%;
  color: #ffffff;
  background-color: #00e5ff;
  border-color: #00e5ff;
  -webkit-appearance: initial;
  width: 120px;
  padding: 9px 0;
}

#googleBtn {
  margin-bottom: 20%;
  padding: 8px 13px;
  background-color: #d34836;
  border-color: #d34836;
}

#googleBtn i {
  font-size: 1.5rem;
  position: relative;
  top: 2px;
  right: 3px;
}

img#logo {
  width: 150px;
}

.login_with.passive {
  pointer-events: none;
  opacity: 0.2;
}

.body_lenght {
  padding: 3rem !important;
}

.privacy_policy_tick_compass,
.privacy_tick {
  display: inline !important;
}

privacy_policy_tick_compass:hover,
privacy_modal_text_trigger:hover {
  cursor: pointer;
}

.privacy_modal_text_trigger {
  color: #2FA4DC !important;
  cursor: pointer;
}

.container .row {
  margin-top: 99px;
  margin-left: 10%;
  margin-right: 10%;
}

.container .row.card {
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: right bottom -55px;
  -ms-background-size: contain;
  -o-background-size: contain;
  -moz-background-size: contain;
  -webkit-background-size: contain;
}

.container .row:first-child {
  padding-top: 12%;
}