@media(max-width:1050px) {
    .wrap {
        width:calc(100% - 40px)
    }
    .nav {
        grid-template-columns:repeat(5,1fr)
    }
    .nav a {
        padding:10px 2px
    }
    .hero-grid {
        grid-template-columns:1.7fr 1fr
    }
    .hero-copy {
        padding-left:25px;
        padding-right:25px
    }
    .hero-copy h2 {
        font-size:28px
    }
    .panel {
        padding:20px
    }
    .grid {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .article-layout {
        grid-template-columns:minmax(0,1fr) 250px
    }
    .article {
        padding:26px
    }
    .feature-band {
        grid-template-columns:1fr
    }
    .footer-grid {
        grid-template-columns:2fr 1fr 1fr
    }
    .footer-grid>div:last-child {
        grid-column:1/-1
    }
    .paired {
        gap:22px
    }
}
@media(max-width:760px) {
    .wrap {
        width:calc(100% - 28px)
    }
    .topline .wrap {
        font-size:11px;
        letter-spacing:0
    }
    .topline span:last-child {
        display:none
    }
    .brandbar {
        padding:19px 0
    }
    .brand h1,.brand strong {
        font-size:25px
    }
    .brand img {
        width:42px;
        height:42px
    }
    .brand small {
        font-size:11px;
        letter-spacing:2px
    }
    .edition {
        display:none
    }
    .nav {
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:0
    }
    .nav a {
        font-size:13px;
        padding:9px 0
    }
    .nav a span {
        font-size:15px;
        margin-right:4px
    }
    .ticker {
        gap:10px;
        font-size:12px;
        padding:11px 0
    }
    main {
        padding-top:20px
    }
    .hero-grid {
        grid-template-columns:1fr;
        gap:20px
    }
    .slide {
        min-height:390px
    }
    .hero-copy {
        padding:85px 23px 75px
    }
    .hero-copy h2 {
        font-size:27px
    }
    .slide-controls {
        left:23px;
        right:23px
    }
    .panel {
        padding:21px
    }
    .brief {
        padding:13px 0
    }
    .section {
        margin-top:28px
    }
    .section-heading h2 {
        font-size:22px
    }
    .section-heading p {
        font-size:12px
    }
    .grid {
        gap:13px
    }
    .card-body {
        padding:13px
    }
    .card h3 {
        font-size:16px
    }
    .card p {
        font-size:13px
    }
    .paired {
        grid-template-columns:1fr;
        gap:0
    }
    .feature-band {
        padding:23px;
        margin-top:28px
    }
    .feature-band .grid {
        grid-template-columns:1fr 1fr
    }
    .about {
        grid-template-columns:1fr;
        gap:16px;
        margin-top:30px;
        padding:26px 0
    }
    .subscribe {
        padding:22px;
        flex-wrap:wrap;
        gap:16px;
        margin-top:20px
    }
    .subscribe img {
        width:58px;
        height:58px
    }
    .subscribe .subscribe-copy {
        flex:1;
        min-width:160px
    }
    .subscribe h2 {
        font-size:19px
    }
    .subscribe .subscribe-action {
        width:100%
    }
    .footer-grid {
        grid-template-columns:1fr 1fr;
        gap:25px
    }
    .footer-grid>div:first-child {
        grid-column:1/-1
    }
    .footer-grid>div:last-child {
        grid-column:auto
    }
    .copyright {
        flex-direction:column;
        gap:5px
    }
    .category-heading {
        padding:23px
    }
    .category-heading h1 {
        font-size:29px
    }
    .category-heading p {
        font-size:14px
    }
    .category-feature .card {
        display:flex
    }
    .category-feature .card-body {
        padding:20px
    }
    .category-feature .card h3 {
        font-size:23px
    }
    .article-layout {
        grid-template-columns:1fr
    }
    .article {
        padding:22px 18px
    }
    .article h1 {
        font-size:27px
    }
    .article .lead {
        font-size:17px
    }
    .article section p {
        font-size:16px
    }
    .article section h2 {
        font-size:21px
    }
    .pager {
        grid-template-columns:1fr
    }
    .article-aside {
        display:grid;
        grid-template-columns:1fr;
        gap:0
    }
    .plain {
        padding:24px 20px
    }
    .plain h1 {
        font-size:28px
    }
}
@media(max-width:360px) {
    .grid,.paired .grid,.feature-band .grid {
        grid-template-columns:1fr
    }
    .list-style .card>a {
        width:95px
    }
    .brand h1,.brand strong {
        font-size:23px
    }
}