body {
  display: flex;
  align-items: center;
  background:#FFF;
}

.vimeo-wrapper {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 50%;
   width: 50%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
   background:#434241;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

@media (max-width : 768px) {
  .vimeo-wrapper {
    display: none;
  }
}

#login {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin:0!important;
  width: 100%;
  padding: 0!important;
}

@media (max-width : 768px) {
  #login {
    width: 100%;
  }
}

.login #login_error, .login .message, .login .success {
  border-left: 4px solid #333;
}

.login h1, #login_error, .login form, #nav, p.message {
  max-width: 280px;
}

.login h1 a {
  background-image:url(../img/company-logo.png);
  background-size: contain;
  width: 200px;
  height: 100px;
}

.login form {
  border:0!important;
  box-shadow:none!important;
  background:#48C975!important;
}

.login form .input {
  border-radius: 0!important;
  border:1px #48C975 solid!important;
}

.login form .input:focus {
  outline:0!important;
  box-shadow:none!important;
}

label {
  position: relative;
  z-index: 12;
  display: block;
  font-size: 13px!important;
  text-decoration: none;
  font-weight: 700;
  color: #FFF;
  cursor: pointer;
  border-bottom: transparent solid 4px;
}

a {
  color: #32503D!important;
}

.submit input {
  background:#FFF!important;
  border:0!important;
  color: black!important;
  border-radius:0!important;
  font-size: 13px;
  padding: 0 15px!important;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 2px;
}

#backtoblog {
  display: none!important;
}

button.components-button.components-dropdown-menu__menu-item.is-icon-only.has-icon[aria-label="Heading 1"] {
  display: none;
}