How to access webform elements in webform.html.twig
I have figured out a solutions for this situation.


create a tempalte file for your form (ex. webform--newsletter.html.twig)
there is a variable (element) where you can access each field of the form like this: 



  {{ element.elements.YOUR_FIELD_NAME }}



you need to output the form action (submit) at the end of the form link this: 



  {{ element.actions }}



the trick with this solution is that you need to output a couple of hidden form elements that is required for the form to be submitted properly:



  {{ element.form_token }} 
  
  {{ element.form_build_id }} 
  
  {{ element.form_id }}


My final form template looks like this:

&lt;div class="request-form"&gt;
  &lt;div class="form-wrap clearfix"&gt;
    &lt;div class="col-md-4 form-desc"&gt;
      {{ element.elements.form_description }}
    &lt;/div&gt;
    &lt;div class="col-md-8"&gt;
      &lt;form{{ attributes }}&gt;
        {{ title_prefix }}
        &lt;div class="row"&gt;
          &lt;div class="col-md-6"&gt;
            {{ element.elements.name }}
            {{ element.elements.email }}
            {{ element.elements.phone }}
          &lt;/div&gt;
          &lt;div class="col-md-6"&gt;
            {{ element.elements.message }}
            {{ element.form_token }}
            {{ element.form_build_id }}
            {{ element.form_id }}
            {{ element.actions }}
          &lt;/div&gt;
        &lt;/div&gt;
        {{ title_suffix }}
      &lt;/form&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;


Hope that helps anyone else

Update: 
I forgot to mention that you also need to print out the following element:


  {{ element.form_token }} 


Credit goes to maestrojed Webform twig template causes “the form has become outdated” error