.subgrid-container {
    /*top: 50vh;*/
    left:0;
    display: grid;
    grid-template-columns: auto repeat(2, 3.4vw) repeat(20, 4.16vw) auto 17px;
    grid-template-rows:  repeat(4, 4.167vw) 6vw 1vw 2.167vw 2vw;
    width: 100vw;
    /*height: 30vw;*/
    background-color: #000;
}
.subgrid-container > div {
    font-size: 1.5vw;
}
.column01head {
    grid-area: 2 / 9 / span 1 / span 4;
    margin-left: -1vw;
}
.column01{
    grid-area: 3 / 9 / span 1 / span 4;
    margin-left: -1vw;
}
.column02head {
    grid-area: 2 / 15 / span 1 / span 4;
    margin-left: -1.5vw;
}
.column02{
    grid-area: 3 / 15 / span 1 / span 4;
    margin-left: -1.5vw;
}
.column03head {
    grid-area: 2 / 21 / span 1 / span 3;
    margin-left: 1.5vw;
}
.column03{
    grid-area: 3 / 21 / span 1 / span 3;
    margin-left: 1.8vw;
}
.copy {
    grid-area: 7 / 2 / span 1 / span 6;
    text-align: left;
    vertical-align: top;
}
.copy p{
    margin-bottom: 2vw;
}
.footerlink {
    grid-area: 7 / 9 / span 1 / span 8;
    text-align: left;
    vertical-align: top;
    margin-left: -1vw;
}
.footerlink p {
    margin-bottom: 2vw;
}
.footerlogo {
    align-self: start;
    grid-area: 2 / 2 / span 4 / span 3;
    width: 6.8vw;
    text-align: left;
}
.mobile_footer{
    grid-area: 2 / 2 / span 4 / span 20;
    text-align: left;
    display:none;
}
@media(min-width: 1400px) {
    .subgrid-container {
        grid-template-columns: auto repeat(2, 40px) repeat(20, 59px) auto 17px;
        grid-template-rows:  repeat(4, 58.34px) 86.68px 14px 28.34px 28px;
    }
    .subgrid-container > div {
        font-size: 21px;
    }
    .footerlogo {
        width: 80px;
    }
    .copy p, .footerlink p{
        margin-bottom: 12px;
    }
}
@media(max-width: 900px) {
    .subgrid-container {
        grid-template-columns: auto repeat(2, 3.4vw) repeat(20, 4.3.3,935vw) auto 17px;
        grid-template-columns: auto repeat(2, 5vw) repeat(20, 4vw) auto 17px;
    }

    .column02head {
        margin-left: -6vw;
    }
    .column02{
        margin-left: -6vw;
    }
    .column03head {
        margin-left: -3.5vw;
    }
    .column03{
        margin-left: -3.5vw;
    }
    .subgrid-container {
        grid-template-rows:  repeat(4, 4.167vw) 8.3334vw 1vw 4.167vw 2vw;
    }
    .subgrid-container > div {
        font-size: 1.9vw;
    }

    .copy p{
        margin-top: -3vw;
    }
    .footerlogo {
        width: 10vw;
    }
    .footerlink p{
        margin-top: -3vw;
    }
    @media(max-width: 550px) {
        .subgrid-container {
            display:block !important;
            padding:20px;
            width: -webkit-fill-available !important;
        }
        .subgrid-container > div {
            font-size: 15px;
        }

        .subgrid-container > div {
            font-size: 2vw;
        }
        .mobile_footer{
            display:block;
        }
        .column01head {
            display:none;
        }
        .column01{
            display:none;
        }
        .column02head {
            display:none;
        }
        .column02{
            display:none;
        }
        .column03head {
            display:none;
        }
        .column03{
            display:none;
        }
        .copy {
            display:none;
        }
        .footerlink {
            display:none;
        }
        .footerlogo {
            display:none;
        }
    }