h1.heading1 {
    font-size: 38px;
    font-weight: 400;
}
h2.heading2 {
    font-size: 28px;
}
h3.heading3 {
    font-size: 22px !important;
}
h4.heading4 {
    font-size: 18px;
}
.quote {
    text-align: center;
    font-style: italic;
    font-size: 24px !important;
    color: #969696;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 15px 0;
    font-weight: 300 !important;
}
div.fullwidthvideo {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
span.fullwidthimg {
    width: 100%;
    display: block;
}
span.floatleftimg {
    float: left;
    clear: both;
    padding: 5px 15px 0 0;
}
span.floatrightimage {
    float: right;
    clear: both;
    padding: 5px 0 0 15px;
}
div.TwoImages {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
}
div.ThreeImages {
    display: flex;
    width: 100%;
}
span.redbtnText {
    width: auto;
    display: inline-flex;
    position: relative;
    padding-bottom: 10px;
    cursor: pointer;
}
h3.display {
    font-size: 28px !important;
    font-weight: 600 !important;
}
span.codeline {
    font-family: monospace !important;
    background: #eee;
    color: #5d5d5d;
}
p.paragraph {
    font-size: 18px !important;
    margin-bottom: 0 !important;
}
span.secondbtn {
    width: auto;
    display: inline-flex;
    position: relative;
    padding-bottom: 10px;
    cursor: pointer;
}
.halfwidthimg {
    width: 50%;
}

/**umb_name:Heading 1*/
h1.heading1{font-size: 38px;
    font-weight: 400;}

/**umb_name:Heading 2*/
h2.heading2{font-size: 28px;}

/**umb_name:Heading 3*/
h3.heading3{font-size: 22px !important;}



/**umb_name:Heading 4*/
h4.heading4{font-size: 18px;}

/**umb_name:Quote*/
.quote{text-align: center;
    font-style: italic;
    font-size: 24px !important;
    color: #969696;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 15px 0;
    font-weight: 300 !important;}

/**umb_name:Full Width Video*/
div.fullwidthvideo {position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;}

/**umb_name:Full Width Image*/
span.fullwidthimg {width: 100%;
    display: block;}

/**umb_name:Left Image*/
span.floatleftimg{float: left;
    clear: both;
    padding: 5px 15px 0 0;}

/**umb_name:Right Image*/
span.floatrightimage{float: right;
    clear: both;
    padding: 5px 0 0 15px;}

/**umb_name:Two Images*/
div.TwoImages{display: flex;
    width: 100%;
    margin-bottom: 10px;}

/**umb_name:Three Images*/
div.ThreeImages{display: flex;
    width: 100%;}

/**umb_name:Button*/
span.redbtnText{width: auto;
    display: inline-flex;
    position: relative;
    padding-bottom: 10px;
    cursor: pointer;}

/**umb_name:H3 Display*/
h3.display{font-size: 28px !important;
    font-weight: 600 !important;}

/**umb_name:Code*/
span.codeline{font-family: monospace !important;
    background: #eee;
    color: #5d5d5d;}

/**umb_name:Paragraph*/
p.paragraph{font-size: 16px !important;
margin-bottom: 0 !important;}

/**umb_name:Secondary Button*/
span.secondbtn{width: auto;
    display: inline-flex;
    position: relative;
    padding-bottom: 10px;
    cursor: pointer;}

/**umb_name:Half Width Image*/
.halfwidthimg{width: 50%;}