12.4 #Form.medium Medium Form

    <div class="sf-form -medium">
         <div class="sf-input">
             <label class="sf-input__label" for="form_input_3">
                 <span>Field 1</span>
             </label>
             <input type="text" class="sf-input__field" id="form_input_3" placeholder="Search the blog ..." />
        <p class="sf-input__required" style="display: block">Field is required</p>
        <p class="hint sf-input__hint">Example:&nbsp;Input example text</p>
         </div>
         <div class="sf-input">
             <label class="sf-input__label" for="form_input_4">
                 <span>Field 2</span>
             </label>
             <input type="text" class="sf-input__field" id="form_input_4" placeholder="Search the blog ..." />
         </div>
     </div>