/* Typography Styling */
    h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;}
 
    /* Font Weight/Stylie */
        .typo--light { font-weight: 300; }
        .typo--bold { font-weight: 700; }
        .typo--italic { font-style: italic; }
 
    /* H1 Typography  */
        .h1-title { font-size: 90px; line-height: 110px; color: #000; }
 
    /* H2 Typography  */
        .h2-title { font-size: 60px; line-height: 72px; color: #000; }
 
    /* H2 Typography  */
        .h3-title { font-size: 48px; line-height: 56px; color: #000; }
 
    /* H4 Typography  */
        .h4-title { font-size: 42px; line-height: 48px; color: #000; }
 
    /* H6 Typography  */
        .h5-title { font-size: 32px; line-height: 36px; color: #000; }
 
    /* H6 Typography  */
        .h6-title { font-size: 24px; line-height: 32px; color: #000; }
 
    /* Body Title */
        .body-title { font-size: 24px; line-height: 32px; color: #484A47; margin: 0; }
 
    /* Body Text */
        .body-text { font-size: 18px; line-height: 24px; color: #484A47; margin: 0; }
 
    /* Caption Title */
        .caption { font-size: 16px; line-height: 20px; color: #484A47; margin: 0;}
 
/* Alignment Styling */
 
    /* Text alignment */
    .text-center { text-align: center; }
    .text-left { text-align: left; }
    .text-right { text-align: right; }
 
    /* Block alignment */
    .a--center { align-items: center; }
    .a--start { align-items: flex-start; }
    .a--end { align-items: flex-end; }
 
 
/* Margin Properties */
    .m-top8 { margin-top: 8px; }
    .m-top12 { margin-top: 12px; }
    .m-top16 { margin-top: 16px; }
    .m-top24 { margin-top: 24px; }
    .m-top32 { margin-top: 32px; }
 
/* Padding Properties */
    .p-top8 { padding-top: 8px; }
    .p-top12 { padding-top: 12px; }
    .p-top16 { padding-top: 16px; }
    .p-top24 { padding-top: 24px; }
    .p-top32 { padding-top: 32px; }