

.mailContainer { 
  height: 80px;
  position: relative;
}

.mailCenter {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.inputEmail {
	color: rgb(254, 254, 254);
	font-family: Helvetica;
	font-size: 22px;
	text-align: center;
}

.inputValidate {
	width: 300px;
}

.inputOther {
	width: 200px;
}

.expando {
	font-size: 60%;
	opacity: 0.5;
	min-height: 30px;
	display: block;
}

input[type="text"] {
    font-size:22px;
}

button {
    font-size:20px;
}


/*------------------------------------------------------------------
[ Responsive ]*/


@media (max-width: 2048px) {

  /*select:focus,
  textarea:focus,
  input:focus {
    font-size: 16px;
  }*/

  .wrap-login100 {
    /*padding: 50px 90px 33px 85px;*/
    width: 500px;
  }

  .input100 {
    font-family: Poppins-Medium;
    font-size: 100%; /*font-size: 16px;*/
    width: 100%;
  }

  .login100-pic {
    width: 100%;
  }

  .login100-form {
    width: 100%;
  }
}


@media (max-width: 992px) {

  .wrap-login100 {
    /*padding: 50px 90px 33px 85px;*/
    width: 500px;
  }

  .input100 {
    font-family: Poppins-Medium;
    font-size: 100%; /*font-size: 16px;*/
    width: 100%;
  }

  .login100-pic {
    width: 100%;
  }

  .login100-form {
    width: 100%;
  }
}

@media (max-width: 768px) {

  .wrap-login100 {
    /*padding: 50px 90px 33px 85px;*/
    width: 500px;
  }

  .input100 {
    font-family: Poppins-Medium;
    font-size: 100%; /*font-size: 12px;*/
    width: 100%;
  }
  
  .login100-pic {
    /*display: none;*/
    width: 100%;
  }

  .login100-form {
    width: 100%;
  }
}

@media (max-width: 576px) {
  
  .wrap-login100 {
    /*padding: 50px 90px 33px 85px;*/
    width: 500px;
  }
  
  .input100 {
    font-family: Poppins-Medium;
    font-size: 100%; /*font-size: 10px;*/
    width: 100%;
  }

  .login100-pic {
    /*display: none;*/
    width: 100%;
  }

  .login100-form {
    width: 100%;
  }
  
}


