/*! CSS Form **/

  form {
    margin:25px auto 50px;
  }
  
  form label {
    font-size: 1.8rem;
    font-style:italic;
    color:#07393C;
    margin-left: 10px;
  }

  form span {
    margin:0!important;
    padding:0;
  }


  .champ_simple, .champ_simple-petit, .champ_double  {
    font-family: 'Nunito', sans-serif;
    border:1px solid #07393C;
    color: #363A3A;
    font-size: 1.8rem;
    margin-top:5px;
    max-width: 95%;
    box-shadow: 0px 0px 3px 0px rgba(7, 57, 60, 0.15);
    transition: all ease-in-out 300ms;
  }

  .champ_simple, .champ_simple-petit {
    height:30px;
    padding:0.75rem 1rem;
    border-radius:40px;
  }

  .champ_simple-petit {
    width:300px;
  }

  .champ_double {
    padding:1.75rem 1rem;
    border-radius:20px;
  }

  .champ_simple:hover, .champ_simple-petit:hover, .champ_double:hover {
    box-shadow: 2px 2px 3px 0px rgba(7, 57, 60, 0.25);
    transition: all ease-in-out 300ms;
  }

@media screen and (max-width:768px) {
  .champ_simple-petit {
    width: inherit;
  }
}


/*! CSS Button **/

  .case_check:hover {
    cursor: pointer;
  }

  .cta:disabled {
    opacity:45%;
    pointer-events: none;
  }

  .cta {
    font-family: 'Nunito', sans-serif;
    color: #F0EDEE;
    font-size: 2rem;
    width: 150px;
    height:50px;
    padding:1rem;
    border-radius:40px;
    border:1px solid #502F4C;
    background:#502F4C;
    box-shadow: 0px 0px 3px 0px rgba(7, 57, 60, 0.15);
    transition: all ease-in-out 300ms;
  }

  .cta:hover {
    cursor: pointer;
    color: #502F4C;
    background:#fff;
    box-shadow: 2px 2px 3px 0px rgba(7, 57, 60, 0.25);
    transition: all ease-in-out 300ms;
  }