.wider .grid.grid--expanded {
        max-width: 100%;
    }
    @media screen and (min-width: 1400px) {
        .wider .grid.grid--expanded {
            max-width: 1800px;
        }
    }
    
    .chair-era-wrapper .breadcrumb { margin-left: 4%;margin-right: 4%;}
    
    /*chair section*/
    .char__name h1 {padding-top: 10px;}
    main .unit > div.chair__name { padding: 0;}
    .chair__media.unit { width: 30%; margin-left: 4%; margin-right: 1%; padding: 10px 0 !important;}
    /*override site style for chair media section*/
    main .chair__media.unit > div {
        border: 20px solid #DDD;
        background-color: #DDD;
        padding: 0;
    }
    .chair__media.unit div + div {margin-top: 20px;}
    .chair__media-photo {
        text-align: center;
        margin: auto;
    }
    .chair__media-photo img {
        width: 300px;
        height: auto;
    }
    
    .chair__media-video-description {
        background-color: #f6faff;
        display: block;
        padding: 10px 20px;
    }

    .chair__description.unit.whole {
        margin-left: calc(4% - 20px); /*calculate to account for gridism styles*/ 
        margin-right: calc(4% - 20px);
    }  

    /*layout for spotlight boxes, up to 2 per row, last odd # box will span full width*/
    .chair-era {
        flex-wrap: wrap;
        align-items: stretch;
    }
    .chair-era__spotlight {
        width: 45%;
        margin: 1% 2%;
    }
    .chair-era__spotlight:last-child:nth-child(odd) {width: 100%;margin-right: 4%;margin-left: 4%;}
    /* spacing of spotlight boxes*/
    .chair-era__spotlight:nth-child(odd) {margin-left: 4%; margin-right: 1%;}
    .chair-era__spotlight:nth-child(even) {margin-right: 4%; margin-left: 1%;}

    .chair-era__spotlight h2 {
        background-color: #b43000;
        color: white;
    }
    .chair-era__spotlight-content {
        padding: 20px 30px;
        background-color: white;
        height: 100%;
    }
    
    /*custom style for publisher*/
    .two-column-bullet, .two-column-number {
        column-count: 2;
        column-gap: 50px;
    }
    @media screen and (max-width: 975px) {
        .two-column-bullet, .two-column-number {
            column-count: 1;
            column-gap: 0;
        }           
    }
    @media screen and (max-width: 790px) {
        .chair__media.unit,
        .chair__description.unit {
            width: 100%;
            margin: 0;
            }    
        .chair-era__spotlight,
        .chair-era__spotlight:last-child:nth-child(odd) {
            width: calc(100% - 40px);
        }
        .chair-era__spotlight:nth-child(even),
        .chair-era__spotlight:nth-child(odd) {
            margin: 20px;
        }
    }