a {
    text-decoration: none;
}

.banner {
    height: var(--banner-height);
}

.banner__image{
    height: 100%;
    object-fit: cover;
}

.design-header__title {
    margin-bottom: 2.4rem;
}

.design-item-container{
    margin-top: 5.6rem;
}

.design-content-block {
    margin-bottom: 4.8rem;
}

.design-content-block:last-child{
    margin-bottom: 0;
}

.design-item-container__title {
    margin-bottom: 2.4rem;
}

.design-item__list{
    padding-left: 3rem;
}

.design-method-block {
    margin-top: 4.8rem;
    margin-bottom: 5.6rem;
}

.designcard-container{
    height: 100%;
}

@media screen and (min-width: 600px){
    .design-method-container{
        margin-top: 6.4rem;
    }

    .design-method-block {
        margin-bottom: 6.4rem;
    }
    
}

@media screen and (min-width: 905px){
 
    .design-method-block {
        margin-top: 4.8rem;
        margin-bottom: 4.8rem;
    }
    
    .designcard-container {
        /* min-height: 38.1rem; */
        /* height: 38.1rem; */
        margin-bottom: 0;
    }

    .design-method-content__container {
       width:78.5rem;
        margin-left: 6rem;
    }

    .culture-image__short {
        height: 24.4rem;
    }
    
    .culture-image__tall {
        height: 41.2rem;
    }
}

@media screen and (min-width: 1240px){
    
    .design-method-block {
        margin-top: 4.8rem;
        margin-bottom: 4.8rem;
    }

    .design-header__content{
        width: 76rem;
    }
    
    .design-method-container
    {
        max-width: 76rem;
        margin-top: 7.2rem;
    }

    .design-method-content__container {
        width: 1152.2rem;
        margin-left: auto;
        margin-right: auto;
    }

    .culture-image__short {
        height: initial;
    }
    
    .culture-image__tall {
        height: initial;
    }
}

@media screen and (min-width: 1440px){
    
    .design-method-block {
        margin-top: 5.6rem;
        margin-bottom: 7.2rem;
    }

}

/* images */
#design-approach-banner {
    content: var(--XS_banner_design_approach);
}

#design-principles-card {
    content: var(--experience_design_principles);
}

#design-methods-card {
    content: var(--design_methodology);
}

#team-culture-card {
    content: var(--team_culture);
}

#design-methods-banner {
    content: var(--XS_banner_design_methodology);
}

#design-principles-banner {
    content: var(--XS_banner_experience_design_principles);
}

#design-team-culture-banner {
    content: var(--XS_banner_team_culture);
}

#design-communities-block {
    content: var(--design_communities);
}

#design-collaboration-block { 
    content: var(--collaboration);
}

#design-principle-respect-journey-block {
    content: var(--respect_journey);
}

#design-principles-clarity-block {
    content: var(--provide_clarity);
}

#design-principles-transparency-block {
    content: var(--be_transparent);
}

#design-principles-inspire-block {
    content: var(--inspire_confidence);
}

#design-principles-innovate-block {
    content: var(--innovate);
}


@media screen and (min-width: 600px) {
    #design-approach-banner {
        content: var(--SM_banner_design_approach);
    }

    #design-methods-banner {
        content: var(--SM_banner_design_methodology);
    }

    #design-principles-banner {
        content: var(--SM_banner_experience_design_principles);
    }

    #design-team-culture-banner {
        content: var(--SM_banner_team_culture);
    }
}

@media screen and (min-width: 905px) {
    #design-approach-banner {
        content: var(--MD_banner_design_approach);
    }

    #design-methods-banner {
        content: var(--MD_banner_design_methodology);
    }

    #design-principles-banner {
        content: var(--MD_banner_experience_design_principles);
    }

    #design-team-culture-banner {
        content: var(--MD_banner_team_culture);
    }
}

@media screen and (min-width: 1240px) {
    #design-approach-banner {
        content: var(--LG_banner_design_approach);
    }

    #design-methods-banner {
        content: var(--LG_banner_design_methodology);
    }

    #design-principles-banner {
        content: var(--LG_banner_experience_design_principles);
    }

    #design-team-culture-banner {
        content: var(--LG_banner_team_culture);
    }
}

@media screen and (min-width: 1440px) {
    #design-approach-banner {
        content: var(--XL_banner_design_approach);
    }

    #design-methods-banner {
        content: var(--XL_banner_design_methodology);
    }

    #design-principles-banner {
        content: var(--XL_banner_experience_design_principles);
    }

    #design-team-culture-banner {
        content: var(--XL_banner_team_culture);
    }
}

@media screen and (min-width: 1920px) {
    #design-approach-banner {
        content: var(--XXL_banner_design_approach);
    }

    #design-methods-banner {
        content: var(--XXL_banner_design_methodology);
    }

    #design-principles-banner {
        content: var(--XXL_banner_experience_design_principles);
    }

    #design-team-culture-banner {
        content: var(--XXL_banner_team_culture);
    }
}