img {
    max-width: 100%;
    height: auto;
}

body, :host .mce-content-body, :host .rte {
    font-family: 'Open Sans', sans-serif;
    color: #363636;
    font-size: 16px;
}
/**umb_name:Paragraph*/
p {

}
h1, h2, h3 {
    line-height: 1.2;
}

h1 {
    font-size: 56px;
    color: #67CC25;
    font-weight: 600;
}

/**umb_name:Heading (H2)*/
h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 18px;
}

/**umb_name:Heading (H3)*/
h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 18px;
}

@media (min-width: 768px) {
    h2 {
        font-size: 48px;
    }

    h3 {
        font-size: 32px;
    }
}

a,
a:hover {
    color: #1C7E97;
}

/**umb_name:Button*/
.btn {

}

.btn,
.btn a {
    color: #fff;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: #239EBC;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    .btn-check:focus + .btn,
    .btn:focus {
        box-shadow: none;
    }

    .btn:hover,
    .btn a:hover {
        color: #eee;
    }