#page.logout {
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/themes/zf_gift_front/images/mobile/m-logout_bg.jpg");
}
#page.logout #header {
  min-height: inherit;
  background: none;
  border: 0;
}
#page.logout #header .container {
  padding: 0;
}
#page.logout #header .block-system-branding-block .site-logo {
  position: relative;
  left: inherit;
  top: inherit;
  padding: 0;
  background: none;
  margin: 0 auto 1rem;
  width: 440px;
  max-width: 100%;
}
#page.logout #main-wrapper {
  background: none;
  min-height: 0;
}
#page.logout #main-wrapper #main {
  justify-content: center;
  background: none;
}
#page.logout #main-wrapper #main #content .section {
  background: none;
}
#page.logout #main-wrapper #main #content .block.block-core.block-page-title-block {
  display: none;
}
#page.logout #main-wrapper #main #content .block.block-system.block-system-main-block {
  padding: 0 50px;
}
#page.logout #main-wrapper #main #content .card {
  margin: auto;
  padding: 0;
  border-radius: 20px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
  border: 1px solid #1179bf;
  color: #ffffff;
  background: none;
}
#page.logout #main-wrapper #main #content .card .page-title {
  font-size: 1rem;
  color: #ffffff;
}
#page.logout #main-wrapper #main #content .card .button {
  margin: auto;
  background: #00abe7;
  width: 100%;
}
#page.logout #main-wrapper #main #content .card .button:hover {
  background: #1179bf;
}
#page.logout #main-wrapper #main #content .card .btn.btn-simply {
  color: #ffffff;
  margin: 1rem auto 15px;
}
#page.logout #footer {
  background: none;
}
#page.logout #footer .block-menu.menu--footer .menu {
  justify-content: center;
  display: flex;
  color: #ffffff;
}
#page.logout #footer .block-menu.menu--footer .menu a {
  color: #ffffff;
}
@media all and (min-width: 768px) {
  #page.logout {
    background-image: url("/themes/zf_gift_front/images/desk/d-logout_bg.jpg");
  }
}