.c-about__page {
    padding: 78px 0 0;
    position: relative;
}

.c-about__page-grid {
    display: none;
    position: relative;
    z-index: 1;
}

@media screen and (min-width:1024px) {
    .c-about__page {
        background: url(/img/home/landing.v1.jpg) no-repeat right top;
        background-size: cover;
        min-height: 100vh;
        padding: 0;
    }

    .c-about__page-grid {
        display: block;
    }
}

.c-about__page--alt {
    background: 0;
    min-height: 0;
}

@media screen and (min-width:1024px) {
    .c-about__page--alt { height: calc(100vh * (5/7)); min-height: calc(100vh * (5/7)); }
}

.c-about__page-grid--no-mbl { display:none; }
@media screen and (min-width:1024px) { .c-about__page-grid--no-mbl { display:block; } }

.c-about__page-grid-row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    height: calc(100vh * (1/7));
}

@media screen and (min-width:1024px) {
    .c-about__page-grid-row {
        grid-template-columns: repeat(11, 1fr);
    }
}

.c-about__page-grid-row:not(:last-child) {
    border-bottom: 1px solid #c1c2c3;
}

.c-about__page-grid-row--border-top {
    border-top: 1px solid #c1c2c3;
}

.c-about__page-grid-col {
    background: #fff;
    transition: background 1.25s ease;
}

.c-about__page-grid-col:nth-child(n + 6) {
    display: none;
}

@media screen and (min-width:1024px) {
    .c-about__page-grid-col:nth-child(n + 6) {
        display: block;
    }
}

.c-about__page-grid-col--bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    transition: opacity .5s ease-in;
    will-change: opacity;
}

.c-about__page-grid-col--bg.is-visible {
    opacity: 1;
}

.c-about__page-grid-col--bg.cell-1 { transition-delay: .1s; }
.c-about__page-grid-col--bg.cell-2 { transition-delay: .275s; }
.c-about__page-grid-col--bg.cell-3 { transition-delay: .4s; }
.c-about__page-grid-col--bg.cell-4 { transition-delay: .5s; }
.c-about__page-grid-col--bg.cell-5 { transition-delay: .6s; }
.c-about__page-grid-col--bg.cell-6 { transition-delay: .6s; }
.c-about__page-grid-col--bg.cell-7 { transition-delay: .65s; }

.c-about__page-grid-col:not(:last-child) {
    border-right: 1px solid #c1c2c3;
}

.c-about__page-grid.animate .c-about__page-grid-row:first-child .c-about__page-grid-col:nth-child(4),
.c-about__page-grid.animate .c-about__page-grid-row:first-child .c-about__page-grid-col:nth-child(6),
.c-about__page-grid.animate .c-about__page-grid-row:first-child .c-about__page-grid-col:nth-child(7),
.c-about__page-grid.animate .c-about__page-grid-row:first-child .c-about__page-grid-col:nth-child(9),
.c-about__page-grid.animate .c-about__page-grid-row:first-child .c-about__page-grid-col:nth-child(10),
.c-about__page-grid.animate .c-about__page-grid-row:first-child .c-about__page-grid-col:nth-child(11),
.c-about__page-grid.animate .c-about__page-grid-row:nth-child(2) .c-about__page-grid-col:nth-child(5),
.c-about__page-grid.animate .c-about__page-grid-row:nth-child(2) .c-about__page-grid-col:nth-child(9),
.c-about__page-grid.animate .c-about__page-grid-row:nth-child(2) .c-about__page-grid-col:nth-child(10),
.c-about__page-grid.animate .c-about__page-grid-row:nth-child(2) .c-about__page-grid-col:nth-child(11),
.c-about__page-grid.animate .c-about__page-grid-row:nth-child(3) .c-about__page-grid-col:nth-child(8),
.c-about__page-grid.animate .c-about__page-grid-row:nth-child(3) .c-about__page-grid-col:nth-child(9),
.c-about__page-grid.animate .c-about__page-grid-row:nth-child(3) .c-about__page-grid-col:nth-child(10),
.c-about__page-grid.animate .c-about__page-grid-row:nth-child(3) .c-about__page-grid-col:nth-child(11),
.c-about__page-grid.animate .c-about__page-grid-row:nth-child(4) .c-about__page-grid-col:nth-child(7),
.c-about__page-grid.animate .c-about__page-grid-row:nth-child(4) .c-about__page-grid-col:nth-child(9),
.c-about__page-grid.animate .c-about__page-grid-row:nth-child(4) .c-about__page-grid-col:nth-child(11),
.c-about__page-grid.animate .c-about__page-grid-row:nth-child(5) .c-about__page-grid-col:nth-child(10),
.c-about__page-grid.animate .c-about__page-grid-row:nth-child(6) .c-about__page-grid-col:nth-child(8),
.c-about__page-grid.animate .c-about__page-grid-row:nth-child(6) .c-about__page-grid-col:nth-child(10) {
    background: rgba(255, 255, 255, 0 );
}

/* TOP COPY */
.c-about__page-copy {
    background: #1d2645;
    opacity: 0;
    padding: 2.5rem 1.5rem;
    transform: translateY(1.5rem);
    transition: opacity .5s ease,
                transform .55s ease;
    width: 100%;
    will-change: opacity, transform;
    z-index: 2;
}

@media screen and (min-width:1024px) {
    .c-about__page-copy {
        bottom: calc(100% * (.5/7));
        left: 0;
        position: absolute;
    }
}

.c-about__page-copy.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.c-about__page-copy h1 {
    color: #bc2f2c;
    font-family: 'lintel';
    font-size: 32px;
    line-height: 1.1;
    margin: 0 0 1.5rem;
}

@media screen and (min-width:768px) {
    .c-about__page-copy h1 { font-size:40px; }
}

@media screen and (min-width:1024px) {
    .c-about__page-copy h1 { font-size:46px; }
}

@media screen and (min-width:1200px) {
    .c-about__page-copy h1 { font-size:52px; }
}

@media screen and (min-width:1440px) {
    .c-about__page-copy h1 { font-size:56px; }
}

.c-about__page-copy h1 span {
    color: #fff;
}

.c-about__page-copy p {
    color: #fff;
    font-family: sans-serif;
    font-size: 15px;
    line-height: 1.35;
    margin: 0 0 1.5rem;
}

@media screen and (min-width:768px) {
    .c-about__page-copy p { font-size:16px; }
}

.c-about__page-copy a {
    align-items: center;
    background: #bc2f2c;
    color: #fff !important;
    display: inline-flex;
    font-family: 'degular';
    font-size: 18px;
    height: 42px;
    justify-content: center;
    padding: 0 2.5rem;
    text-decoration: none;
}

@media screen and (min-width:1024px) {
    .c-about__page-copy {
        padding: 2.5rem 4rem;
        width: calc(100% * (7.3/11));
    }
}

@media screen and (min-width:1200px) and (min-height:700px) {
    .c-about__page-copy {
        width: calc(100% * (6.8/11));
    }
}

@media screen and (min-width:1300px) and (min-height:700px) {
    .c-about__page-copy {
        width: calc(100% * (6.5/11));
    }
}

@media screen and (min-width:1400px) and (min-height:900px) {
    .c-about__page-copy {
        width: calc(100% * (6.2/11));
    }

    .c-about__page-copy h1 {
        font-size: 60px;
    }

    .c-about__page-copy p {
        font-size: 18px;
    }
}

@media screen and (min-width:1440px) and (min-height:700px) {
    .c-about__page-copy {
        width: calc(100% * (5.8/11));
    }
}

@media screen and (min-width:1600px) {
    .c-about__page-copy {
        width: calc(100% * (5.4/11));
    }
}

@media screen and (min-width:1600px) and (min-height:900px) {
    .c-about__page-copy {
        bottom: calc(100% * (.66/7));
        width: calc(100% * (6.3/11));
    }

    .c-about__page-copy h1 {
        font-size: 64px;
    }

    .c-about__page-copy p {
        font-size: 19px;
    }
}

@media screen and (min-width:1670px) and (min-height:970px) {
    .c-about__page-copy {
        bottom: calc(100vh * (1/7));
    }
}

/* TEAM */
.c-about__page-team {
    align-items: center;
    background: #fff;    
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.5rem;
    z-index: 2;
}

@media screen and (min-width:1024px) {
    .c-about__page-team {
        bottom: calc(100vh * (1/7) + 1px);
        left: calc(100% * (2/11));
        position: absolute;
        right: calc(100% * (2/11) + 1px);
        top: calc(100vh * (2/7));
    }
}

.c-about__page-team h2 {
    color: #bc2f2c;
    font-family: 'lintel';
    font-size: 42px;
    line-height: 1.1;
    margin: 0 0 1.5rem;
    text-align: center;
    text-transform: uppercase;
}

.c-about__page-team p {
    color: #010101;
    font-family: 'degular';
    font-size: 19px;
    font-weight: 500;
    line-height: 1.35;
    margin: 0;
    text-align: center;
}

.c-about__page-team p span {
    color: #bc2f2c;
}

.c-about__page-team a {
    align-items: center;
    background: #bc2f2c;
    color: #fff !important;
    display: inline-flex;
    font-family: 'degular';
    font-size: 18px;
    height: 42px;
    left: 50%;
    margin: 2.5rem 0 2.5rem auto;
    justify-content: center;
    padding: 0 2.5rem;
    text-decoration: none;
    transform: translateX(-50%);
}

@media screen and (min-width:1024px) {
    .c-about__page-team a {
        margin: 0;
        position: absolute;
        top: 100%;
        transform: translateX(-50%) translateY(2.5rem);
    }
}

@media screen and (min-width:1400px) {
    .c-about__page-team p {
        font-size: 20px;
    }
}

@media screen and (min-width:1500px) {
    .c-about__page-team {
        padding: 2rem;
    }

    .c-about__page-team h2 {
        font-size: 48px;
    }

    .c-about__page-team p {
        font-size: 21px;
    }
}

@media screen and (min-width:1700px) {
    .c-about__page-team {
        padding: 2.5rem;
    }

    .c-about__page-team h2 {
        font-size: 52px;
    }

    .c-about__page-team p {
        font-size: 23px;
    }
}


/* FOOTER */
.c-about__ftr {
    background: #1d2645;
    padding: 4rem 1.5rem;
}

.c-about__ftr h2 {
    color: #fff;
    font-family: 'lintel';
    font-size: 42px;
    line-height: 1.1;
    margin: 0 0 4rem;
    text-align: center;
}

@media screen and (min-width:768px) {
    .c-about__ftr h2 { font-size: 48px; }
}

@media screen and (min-width:1024px) {
    .c-about__ftr h2 { font-size: 54px; }
}

@media screen and (min-width:1200px) {
    .c-about__ftr h2 { font-size: 60px; }
}

@media screen and (min-width:1440px) {
    .c-about__ftr h2 { font-size: 64px; }
}

.c-about__ftr h2 span.red {
    color: #bc2f2c;
}

.c-about__ftr-list {
    column-gap: 2rem;
    display: grid;
    grid-template-columns: 1fr;
    list-style: none;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0;
    row-gap: 2rem;
}

@media screen and (min-width:768px) {
    .c-about__ftr-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (min-width:1024px) {
    .c-about__ftr-list {
        grid-template-columns: repeat(4, 1fr);
    }
}

.c-about__ftr-list li {
    display: inline-block;
    margin: 0;
    opacity: 0;
    padding: 0;
    text-align: center;
    transition: opacity .7s ease-out;
    will-change: opacity;
}

.c-about__ftr-list li:nth-child(2) { transition-delay:.3s;}
.c-about__ftr-list li:nth-child(3) { transition-delay:.6s;}
.c-about__ftr-list li:nth-child(4) { transition-delay:.9s;}

.c-about__ftr-list li.is-visible {
    opacity: 1;
}

.c-about__ftr-list li span {
    display: block;
    text-align: center;
}

.c-about__ftr-list li span:first-child {
    color: #bc2f2c;
    font-family: 'degular';
    font-size: 40px;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 2.75rem;
    position: relative;
}

@media screen and (min-width:768px) {
    .c-about__ftr-list li span:first-child { font-size: 42px; }
}

@media screen and (min-width:1024px) {
    .c-about__ftr-list li span:first-child { font-size: 48px; }
}

@media screen and (min-width:1200px) {
    .c-about__ftr-list li span:first-child { font-size: 52px; }
}

@media screen and (min-width:1440px) {
    .c-about__ftr-list li span:first-child { font-size: 56px; }
}

.c-about__ftr-list li span:first-child:after {
    border-top: 4px solid #bc2f2c;
    bottom: 0;
    content: '';
    left: 50%;
    position: absolute;
    transform: translateX(-50%) translateY(1.25rem);;
    width: 4.5rem;
}

.c-about__ftr-list li span:nth-child(2) {
    color: #fff;
    font-family: 'lintel';
    font-size: 20px;
    line-height: 1;
    margin: 0 0 .35rem;
    text-transform: uppercase;
}

@media screen and (min-width:1024px) {
    .c-about__ftr-list li span:nth-child(2) { font-size: 22px; }
}

@media screen and (min-width:1200px) {
    .c-about__ftr-list li span:nth-child(2) { font-size: 24px; }
}

.c-about__ftr-list li span:last-child {
    color: #fff;
    font-family: sans-serif;
    font-size: 16px;
}

@media screen and (min-width:1200px) {
    .c-about__ftr-list li span:last-child {
        font-size: 18px;
    }
}