input[type="text"], textarea {
outline: none;
box-shadow:none !important;
-webkit-appearance: none;
}

body {
  background-color: #F6F6F6;
  font-family: 'Work Sans', sans-serif;
  font-size: 22px;
  font-weight: 300;
  color: #272727;
}

a, a:hover {
  text-decoration: none;
}

hr {
  border-color: #f69a75;
}

.head {
  color: #fff;
  padding-top: 30px;
  padding-bottom: 40px;
  background-color: #f47f50;
  font-size: 20px;
}

.headline {
  margin-top: 30px;
  margin-bottom: 40px;
}

.dl-btn {
  margin-top: 20px;
}

.hint {
  color: #232344;
  font-weight: 200;
  font-size: 0.7em;
}

h1 {
  text-align: center;
  color: #fff;
  font-family: 'Work Sans', sans-serif;
  font-weight: 300;
  font-size: 37px;
}

h2 {
  font-family: 'Montserrat';
  font-size: 25px;
  margin-bottom: 40px;
}

.panel-signup{
  margin-top: 0px;
  margin-bottom: 10px;
  box-shadow: 0px 2px 5px #743b22;
}

.btn-start {
  border-radius: 3px;
  background-color: #b8e986;
  color: #272727;
  font-weight: 500;
  outline: none !important;
}

.btn-start:hover {
  background-color: #85d930;
}

.btn-login {
  margin-top: 15px;
  border-radius: 3px;
  background-color: #f47f50;
  border: solid 2px #fff;
  color: #fff;
  font-weight: 500;
  outline: none !important;
}

.btn-login:hover{
  background-color: #fff;
  color: #f47f50;
  font-weight: 500;
  outline: none !important;
}

.panel-signup {
  background-color: #AF5933;
  border: none;
}

.input-signup {
  border-radius: 2px;
  border: none !important;
  margin-bottom: 10px;
}

.signup-home:focus {
  outline: none !important;
  color: #fff;
}

.label-signup {
  font-size: 16px;
  font-weight: 500;
}

.btn-learn {
  margin-top: 10px;
  background-color: #fff;
  border-color: #fff;

  color: #fff;
  font-weight: 300;
  outline: none !important;
}

.foo {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.page {
  margin-top: 30px;
  color: #272727;
  padding-bottom: 100px;
}

.signup {
  font-family: 'Montserrat';
}

.under-button {
  font-size: 18px;
  color: #fff;
  text-decoration: underline;
}

.under-button > a {
  color: #fff;
  text-decoration: underline;
}

.under-button:hover {
  color: #fff;
}

.full-orange {
  color: #fff;
  padding-top: 30px;
  background-color: #f47f50;
  font-size: 20px;
  height: 100%;
}

.error-input {
  background-color: #f7a4aa;
  color: #fff;
  outline: none !important;
}

.alert.error-input {
  background-color:#AA2222;
}

  .error-input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
      color:    #fff;
  }
  .error-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
     color:    #fff;
     opacity:  1;
  }
  .error-input::-moz-placeholder { /* Mozilla Firefox 19+ */
     color:    #fff;
     opacity:  1;
  }
  .error-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
     color:    #fff;
  }

.digit-group {
  margin-top: 15px;
}

.digit {
  color: #272727;
  outline: none;
  box-shadow:none !important;
  border: solid 2px white;
}

.phone-edit {
  margin-top: -25px;
  margin-bottom: 30px;
}

.digit-group {
  margin-top: 15px;
  margin-left: -1px;
}


.textarea-snippet {
  width: 100%;
  height: 250px;
  resize: none;
  box-shadow: none;
  border: none;
  color: #272727;
  font-size: 14px;
}

@media (max-width: 767px) {
  body {
    font-size: 20px;
  }
  h1 {
    font-size: 24px;
  }
  h2 {
    font-size: 22px;
  }
}

.container {  max-width: 960px;  }