header h1 {
  text-transform: uppercase;
  margin: 0 auto;
  text-align: center;
  border-bottom: 2px solid #c3c3c3;
  background-color: #fff;
  color: #555555;
  font-weight: 300;
  width: 300px;
  padding: 10px 0px 10px 0px;
  margin-right:300px;
  letter-spacing: 4px;
}

*:focus {
  outline: none;
}

.login {
  margin: 20px auto;
  width: 300px;
}

.login-screenpages {
  background-color: #FFF;
  padding: 20px;
  border-radius: 5px;
  height:700px;
}

.login-screensap {
  background-color: #FFF;
  padding: 20px;
  border-radius: 5px;
  height:400px;
}

.login-screenabout {
  background-color: #FFF;
  padding: 20px;
  border-radius: 5px;
  height:580px;
}

.login-contactus {
  background-color: #FFF;
  padding: 20px;
  border-radius: 5px;
  height:450px;
}

.systemone {
  background-color: #FFF;
  padding: 20px;
  border-radius: 5px;
  height:5000px;
}

.systemtew {
  background-color: #FFF;
  padding: 20px;
  border-radius: 5px;
  height:2150px;
}

.systemthree {
  background-color: #FFF;
  padding: 20px;
  border-radius: 5px;
  height:420px;
}

.systemfour {
  background-color: #FFF;
  padding: 20px;
  border-radius: 5px;
  height:1050px;
}

.login-screenpagescus {
  background-color: #FFF;
  padding: 20px;
  border-radius: 5px;
  height:2470px;
}

.login-screen {
  background-color: #FFF;
  padding: 20px;
  border-radius: 5px;
  margin-right: 5px;
  
}

.app-title {
  text-align: center;
  color: #777;
}

.login-form {
  text-align: center;
}

.control-group {
  margin-bottom: 10px;
}

input {
  text-align: center;
  background-color: #8bd7e7;
  border: 2px solid transparent;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 200;
  padding: 10px 0;
  margin-right:7px;
  width: 250px;
  transition: border .5s;
}

input:focus {
  border: 2px solid #3498DB;
  box-shadow: none;
}

.btn {
  border: 2px solid transparent;
  background: #3498DB;
  color: #ffffff;
  font-size: 16px;
  line-height: 25px;
  padding: 10px 0;
  text-decoration: none;
  text-shadow: none;
  border-radius: 3px;
  box-shadow: none;
  transition: 0.25s;
  display: block;
  width: 250px;
  height: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}
.btnrl {
  border: 2px solid transparent;
  background: #3498DB;
  color: #ffffff;
  font-size: 16px;
  line-height: 25px;
  padding: 10px 0;
  text-decoration: none;
  text-shadow: none;
  border-radius: 3px;
  box-shadow: none;
  transition: 0.25s;
  display: block;
  width: 210px;
}

.btnr {
  border: 2px solid transparent;
  background: #3498DB;
  color: #ffffff;
  font-size: 16px;
  line-height: 25px;
  padding: 10px 0;
  text-decoration: none;
  text-shadow: none;
  border-radius: 3px;
  box-shadow: none;
  transition: 0.25s;
  display: block;
  width: 210px;
    margin-left: 120px;
    margin-right: auto;
    margin-top: 0;
}

.btnr:hover {
  background-color: #2980B9;
}

.btn:hover {
  background-color: #2980B9;
}

.login-link {
  font-size: 12px;
  color: #444;
  display: block;
  margin-top: 12px;
}