/* Non important stylistic details removed for brevity <3 */

.form_wfl {}
.form_wfl input[type="submit"]{ border:#ccc 1px solid;color:#333; border-radius:0; font-size:12px; font-weight: 200;}

/* I use form_wfl--complex for form_wfls that have more complex layouts than simple left/right label and field alignment etc */
.form_wfl--complex { display: flex; flex-direction:row; min-width: 100px;
  max-width: 185px;/* margin-bottom:40px;*/}
 
.form_wfl__object--fillspace {
  /* This element will receive priority of size. 
     All other elements will be sized at the size dictated by their display type */
 
    border: 1px solid #ccc!important;
    flex-grow: 1;
   /* padding: 8px; */
   width:100px;
   font-size:10px;
   /*& + .form_wfl__object--fillspace-gap { margin-left: .5em; } */
}
/*.lead_capture_header_0{font-weight:700; font-size:22px; clear:both; padding-top:15px;}*/


.elizabethknowscode {}
.elizabethknowscodealignnone {}  
.elizabethknowscodealignleft {display: flex; flex-direction: column;  padding-right: 15px; float:left;}
.elizabethknowscodealignright {display: flex; flex-direction: column; justify-content: flex-end; float:right;}
.elizabethknowscodealigncenter {display: flex; flex-direction: row; justify-content:center;/* display:table;  max-width:60%;*/ margin:0 auto}
/*.elizabethknowscodecenter {display: flex; flex-direction: column; margin:auto;}*/
.elizabethknowscodealignleft img,.elizabethknowscodealigncenter img{display: flex; flex-direction: column;}
.elizabethknowscodealignright img{float: right; margin: 0 0 1em 1em;}
.col{display: flex; flex-direction: column;}

.item1_wfl{order: 1;}
.item2_wfl{order: 2;}

.item2_wflalignleft_wfl{order: 2;} 
.item2_wflaligncenter_wfl{order: 2;}
.item2_wflalignright_wfl{order: 2;  margin:0 0 1em 1em} 

.wantflirty {display: flex; flex-direction: column;}
.flirt1_wfl{order: 1;}
.flirt2_wfl{order: 2;}

@media (max-width:800px) {
.elizabethknowscodealignleft,.elizabethknowscodealignright,.elizabethknowscodealigncenter{ float:none; display:block; margin:0 auto; padding:0; }
.elizabethknowscodealignleft img,.elizabethknowscodealignright img,.elizabethknowscodealigncenter img,.elizabethknowscodealigncenter{max-width: 100%; float: none!important; margin:0 auto 20px auto!important; display: block!important;}

}