html,
body {
  /*padding: 50px;*/
  font-family: "Nunito", sans-serif;
  background-color: #cc3366;
  /* background-color: white; */
  color: #f5f5f5;
  /* height: 100%; */
  overflow-x: hidden !important;
  /* overflow-y: hidden !important; */
}

/* * {
  box-sizing: border-box;
 } */
 
a {
  color: #fff;
}

/* p {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 20px;
} */

a:hover {
  color: #f5f5f5;
}

ul.success li,
ul.info li,
ul.error li {
  margin: 20px 0 20px 0;
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 5px;
  list-style: none;
}

p.error {
  margin: 20px 0 20px 0;
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 5px;
  border-color: #e7f036;
  display: none;
}

ul.success li {
  color: #3c763d;
  background: #dff0d8;
  border-color: #d6e9c6;
}

ul.info li {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

ul.success li {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.mainlogoarea {
  padding-top: 1px;
  text-align: center;
  background-image: url("background.jpg");
  background-size: auto;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  background-position: center;
  height: 400px;
  width: 100%;
  background-color: #fff;
  color: #cc3366;
}

.fullScreen {
  padding-right: 0px;
  padding-left: 0px;
}
.mainlogoarea h1 {
  margin-top: 150px;
  margin-left: -40px;
  font-size: 55px;
}

.buttonarea {
  text-align: center;
  margin-bottom: 20px;
}

.buttonarea .login a {
  text-decoration: none;
  color: #cc3366;
}

.buttonarea .register a {
  text-decoration: none;
  color: #fff;
}

.login {
  /* padding: 10px 105px; */
  font-size: 25px;
  line-height: 1.3333333;
  border-radius: 12px;
  background-color: #fff;
  color: #cc3366;
  border-color: #fff;
  border-style: solid;
  margin: 5px;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  width: 250px;
}

.login2 {
  padding: 7px 40px;
  font-size: 20px;
  line-height: 1.3333333;
  border-radius: 12px;
  background-color: #fff;
  color: #cc3366;
  border: 2px solid #fff;
  margin: 5px;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  width: 220px;

}
.login2:hover {
  background-color: #fff;
  color: #cc3366;
}

.register {
  /* padding: 10px 55px; */
  font-size: 25px;
  line-height: 1.3333333;
  border-radius: 12px;
  background-color: #cc3366;
  color: #fff;
  border-color: #fff;
  border-style: solid;
  margin: 5px;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  width: 250px;
}

.register2 {
  padding: 7px 35px;
  font-size: 20px;
  line-height: 1.3333333;
  border-radius: 12px;
  background-color: #cc3366;
  color: #fff;
  border: 2px solid #fff;
  margin: 5px;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  width: 220px;
}
.register2:hover {
  background-color: #fff;
  color: #cc3366;
}

.reset {
  padding: 4px 72px;
  font-size: 25px;
  line-height: 1.3333333;
  border-radius: 8px;
  background-color: #cc3366;
  color: #fff;
  border-color: #fff;
  border-style: solid;
  margin: 5px;
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
}

.facebook {
  padding: 10px 35px;
  font-size: 20px;
  line-height: 1.3333333;
  border-radius: 12px;
  background-color: #3a589c;
  color: #fff;
  border-color: #fff;
  border-style: solid;
  margin: 5px;
}

footer {
  padding-top: 20px;
  padding-bottom: 5px;
  text-align: center;
}

footer a {
  text-decoration: none;
}

footer p {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 21px;
}

footer .smallfooter {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 18px;
}

@media (max-width: 1200px) {
  .mainlogoarea {
    background-image: url("background.jpg");
    background-size: cover;
  }
}

@media (max-width: 1000px) {
  .mainlogoarea {
    height: 300px;
  }
}

@media (max-width: 670px) {
  .mainlogoarea {
    height: 200px;
    background-image: url("background.jpg");
    background-size: 100%;
  }
}