﻿ form {
      width: 100%;
      max-width: 800px;
    }

    .form-group {
      position: relative;
      margin-bottom: 24px;
    }

    .form-input {
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #ccc;
	width: 100%;
	padding: 16px 12px 12px 12px;
	border-radius: 0px;
	background: #fff;
	font-size: 16px;
	transition: border-color 0.2s;
}

    .form-input:focus {
      border-color: #2f4f1e;
      outline: none;
    }

    .form-label {
	position: absolute;
	top: 16px;
	left: 12px;
	color: #999;
	padding: 0 4px;
	transition: 0.2s;
	pointer-events: none;
	background-color: #FFFFFF;
}

    .form-input:focus + .form-label,
    .form-input:not(:placeholder-shown) + .form-label {
      top: -10px;
      left: 10px;
      font-size: 13px;
      color: #2f4f1e;
    }

    .submit-btn {
      width: 100%;
      padding: 16px;
      background-color: #2f4f1e;
      color: #fff;
      font-size: 1.3em;
      border: none;
      border-radius: 32px;
      cursor: pointer;
    }

    .submit-btn:hover {
      background-color: #264017;
    }

    .response-message {
      margin-top: 24px;
      color: green;
      font-weight: bold;
    }