.views-view-grid div {
    box-sizing: border-box;
}

main>span,
footer>span,
section.section-above-content>span,
section.section-below-content>span,
section.section-below-content .views-element-container>div,
section.section-below-content .views-element-container>h2 {
    margin: auto;
    max-width: var(--wrapper-width);
    box-sizing: border-box;
    display: block;
    padding: var(--grid-gap) calc(var(--grid-gap)/2) !important;
}

@media (min-width: 600px) {

    header .grid {
        grid-template-columns: 1fr 4fr !important;
        align-items: center;
    }



    main span.grid {
        grid-template-columns: 5fr 2fr !important;
    }

    .region-footer-top {
        display: grid;
        grid-template-columns: 2fr repeat(2, minmax(200px, 1fr));
    }

    .layout--twocol-section--50-50 {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(200px, 1fr));
        gap: var(--grid-gap);
    }

    .layout--twocol-section--33-67 {
        display: grid !important;
        grid-template-columns: minmax(200px, 300px) 2fr;
        gap: var(--grid-gap);
    }

    .layout--twocol-section--25-75 {
        display: grid !important;
        grid-template-columns: minmax(200px, 300px) 3fr;
        gap: var(--grid-gap);
    }
  	.section-front .grid,
    .featured-stories .grid {
        display: grid !important;
      	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  		grid-auto-flow: dense;
        gap: var(--grid-gap);
    }
	.section-front .grid .items:nth-child(1) {
    	grid-column: 1 / 3;
  	}
  	.section-front .grid .items:nth-child(1) img {
    	width:100% !important;
  	}
  	.section-front .grid .items:nth-child(1) strong {
   		font-size: 1.2em !important; 
  	}
    .cols-2 .grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    }

    .cols-3 .grid {
        grid-template-columns: repeat(3, minmax(280px, 1fr));
    }

    .photoswipe-gallery>div {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        display: grid;
        gap: var(--grid-gap);
    }

    .cols-4 .grid {
        grid-template-columns: repeat(4, minmax(200px, 1fr));
    }

    .cols-5 .grid {
        grid-template-columns: repeat(5, minmax(240px, 1fr));
    }


    .news-block-title {
        min-height: 100px;
    }

    .field--name-field-gallery img {
        max-height: 300px;
        width: auto !important;
    }
}