﻿.Component4v0 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: #000;
    text-align: center;
    overflow-wrap: break-word
}

    .Component4v0.is-leftAligned {
        justify-content: flex-end;
        align-items: flex-start;
        text-align: left
    }

        .Component4v0.is-leftAligned .Component4v0__ButtonLink, .Component4v0.is-leftAligned .Component4v0__link {
            align-self: flex-start
        }

    .Component4v0.Component4v0_extrabottom {
        margin-bottom: 64px
    }

.Component4v0__content {
    display: flex;
    flex-direction: column;
    max-width: 100%
}

@media screen and (min-width: 1024px) {
    .Component4v0__content {
        max-width: 50%
    }
}

.Component4v0__content.is-fullWidth {
    max-width: 100%
}

.Component4v0__strapline {
    font-weight: 400;
    margin-bottom: 8px
}

.Component4v0__title {
    font-size: 2.5rem;
    margin-bottom: 16px
}

@media screen and (min-width: 1024px) {
    .Component4v0__title {
        font-size: 2.8rem
    }
}

.Component4v0__subtitle {
    font-size: 1.8rem;
    margin-bottom: 16px
}

.Component4v0__body, .Component4v0__subtitle {
    font-family: "readBeta2 sans-serif";
    line-height: 1.4;
    font-weight: 400
}

.Component4v0__body {
    font-size: 1.6rem;
    margin-bottom: 24px
}

@media screen and (min-width: 670px) {
    .Component4v0__body {
        margin-bottom: 32px
    }
}

.Component4v0__ButtonLink {
    align-self: center;
    margin-bottom: 24px
}

.Component4v0__link {
    align-self: center
}

.Component4v0 {
    margin: 8px 0
}

    .Component4v0 > :last-child {
        margin-bottom: 0
    }

.Component4v0__strapline {
    font-family: "readBeta2 sans-serif";
    line-height: 1;
    font-weight: 700;
    font-size: 1.6rem;
    color: #333;
    text-transform: uppercase
}

@media screen and (min-width: 1024px) {
    .Component4v0__strapline {
        font-size: 1.8rem
    }
}

.Component4v0__title {
    font-weight: 700;
    font-family: "daciaBlock, sans-serif";
    line-height: 1.2;
    font-size: 3.6rem;
    text-transform: uppercase
}

@media screen and (min-width: 1024px) {
    .Component4v0__title {
        font-size: 2.8rem
    }
}

.Component4v0__titleSuffix {
    display: inline;
    color: #646b52
}

.Component4v0_darkBackground, .Component4v0_darkBackgroundDaciaOnly {
    color: #fff
}

    .Component4v0_darkBackground .Component4v0__title:after, .Component4v0_darkBackgroundDaciaOnly .Component4v0__title:after {
        background-color: #fff
    }

    .Component4v0_darkBackground .Component4v0__body, .Component4v0_darkBackgroundDaciaOnly .Component4v0__body {
        color: #fff
    }

    .Component4v0_darkBackground .Component4v0__titleSuffix, .Component4v0_darkBackgroundDaciaOnly .Component4v0__titleSuffix {
        display: inline;
        color: #fff;
        font-weight: 700
    }

.SectionTitle {
    padding-right: 16px;
    padding-left: 16px
}

@media screen and (min-width: 1440px) {
    .SectionTitle {
        padding-right: 0;
        padding-left: 0
    }
}
