.bg-image {
  background: #ffffff url(../img/1160.jpg) center center/cover no-repeat;
}

.login-clip_path {
  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}
.signup-clip_path {
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
}
form {
  width: 75% !important;
}

.alert-box {
  color:#555;
  border-radius:10px;
  font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
  padding:10px 10px 10px 36px;
  margin:10px;
}

.alert-box span {
  font-weight:bold;
  text-transform:uppercase;
}
.error {
  background:#ffecec  no-repeat 10px 50%;
  border:1px solid #f5aca6;
}
.success {
  background:#e9ffd9 no-repeat 10px 50%;
  border:1px solid #a6ca8a;
}
.warning {
  background:#fff8c4  no-repeat 10px 50%;
  border:1px solid #f2c779;
}
.notice {
  background:#e3f7fc  no-repeat 10px 50%;
  border:1px solid #8ed9f6;
}

@media (width <= 700px) {
  .logo-login {
    width: 100px;
  }
  form {
    width: 100% !important;
  }
}