.attireTitleType1 {

    @include fontSansUltraBold;
    font-size: 4em; padding: 0; margin: 0;
    word-wrap: break-word; letter-spacing: -0.01em;

    @include mediaMinWidth($breakpointMedium) {

        font-size: 6em;

    }

    & + .attireTextType2 {

        margin-top: em(25,16);

    }

}

.attireTitleType2 {

    @include fontSansUltraBold;
    font-size: 3.8em; padding: 0; margin: 0 0 em(20,36);
    word-wrap: break-word;

}

.attireTitleType3 {

    @include fontSansBold;
    font-size: 2.2em; padding: 0; margin: 0 0 em(15,22);
    word-wrap: break-word;

}

.attireTextType1 {

    @include fontSansLight;
    font-size: 2.2em; padding: 0; margin: em(20,22) 0 em(20,22);
    color: $colorGrayDark3; line-height: 1.4;

    @include mediaMinWidth($breakpointMedium) {

        font-size: 2.8em; margin: em(20,28) 0 em(30,28);

    }

}

.attireTextType2 {

    font-size: 1.8em; padding: 0; margin: 0 0 em(20,18);
    color: $colorGrayDark2; line-height: 1.6;

}

.attireTextType3 {

    font-size: 1.6em; padding: 0; margin: 0 0 em(20,16);
    color: $colorGrayDark2; line-height: 1.6;

}

.attireListType1 {

    margin-bottom: 2em;

    li {

        font-size: 1.7em; padding-left: em(30,17); margin: em(10,17) 0; position: relative;
        color: $colorGrayDark2; line-height: 1.6;

        &:before {

            content: "—"; position: absolute; left: 0; top: 0em;

        }

    }

}

.attireTextButtonType1 {

    @include normalizeButton;
    color: $colorMain1;

}