@import 'case.css';

section.introduction .charts .item.item97 {
    width: 97%;
}

section.introduction .charts .item.item63 {
    width: 63%;
}

section.content.designProcess .title {
    margin-bottom: 0;
}

/*.image .image-container video {
    outline: 2px solid var();
    margin: -1px;
}*/

section.content .subContent.development .image-02 .legend {
    width: fit-content;
    margin-left: auto;
}

section.content .subContent.discovery .list,
section.content .subContent.definition .quote,
section.content .subContent.development .prototype,
section.content .subContent.development .list-01,
section.content .subContent.results .list,
section.content .subContent.results .image-02,
section.content .subContent.development .image-01,
section.content .subContent.development .image-02 {
    margin: var(--measure-1000) 0;
}

section.content .subContent.definition .challenge,
section.content .subContent.delivery .list{
    margin-top: var(--measure-1000);
}

section.content .subContent.development .list-02 ul.simple {
    margin-top: var(--measure-0500);
}

section.content .subContent.results .image-01 {
    margin-bottom: var(--measure-1000);
}

@media (min-width: 1025px) {
    section.content .subContent.discovery .list,
    section.content .subContent.definition .quote,
    section.content .subContent.development .prototype,
    section.content .subContent.development .list-01,
    section.content .subContent.results .list,
    section.content .subContent.results .image-02,
    section.content .subContent.development .image-01,
    section.content .subContent.development .image-02 {
        margin: var(--measure-1500) 0;
    }

    section.content .subContent.definition .challenge,
    section.content .subContent.delivery .list{
        margin-top: var(--measure-1500);
    }

    section.content .subContent.development .list-02 ul.simple {
        margin-top: var(--measure-1000);
    }

    section.content .subContent.results .image-01 {
        margin-bottom: var(--measure-1500);
    }
}

@media (min-width: 1400px) {
    section.content .subContent.discovery .list,
    section.content .subContent.definition .quote,
    section.content .subContent.development .prototype,
    section.content .subContent.development .list-01,
    section.content .subContent.results .list,
    section.content .subContent.results .image-02,
    section.content .subContent.development .image-01,
    section.content .subContent.development .image-02 {
        margin: var(--measure-2000) 0;
    }

    section.content .subContent.definition .challenge,
    section.content .subContent.delivery .list {
        margin-top: var(--measure-2000);
    }

    section.content .subContent.development .list-02 ul.simple {
        margin-top: var(--measure-1500);
    }

    section.content .subContent.results .image-01 {
        margin-bottom: var(--measure-2000);
    }
}