change breakpoint to 1050px

assets/css/src/calendar-strip.css

@@ -112,7 +112,7 @@
   text-align: -webkit-right;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .calendar-strip {
     --padding-vertical: 1rem;
     border-top: var(--border);

assets/css/src/callout.css

@@ -16,7 +16,7 @@ section.callout a {
   align-items: center;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   section.callout {
     padding: 2.25rem 2rem;
   }

assets/css/src/collapsable-section.css

@@ -76,14 +76,14 @@
   width: auto !important;
 }
 
-@media screen and (min-width: 800px) {
+@media screen and (min-width: 1050px) {
   .session .left-column,
   .session .right-column {
     display: contents;
   }
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .collapsable__content .session {
     grid-template-columns: 1fr 1fr !important;
     column-gap: 9vw;

assets/css/src/event-key-infos.css

@@ -20,7 +20,7 @@ section.key-infos .key-infos__key:not(:last-child) {
   margin-right: 3rem;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   section.key-infos ul {
     display: grid;
     grid-template-columns: 1fr 1fr;

assets/css/src/event-presentation.css

@@ -20,7 +20,7 @@
   font-size: var(--font-size-s);
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .presentation {
     grid-template-columns: 1fr;
     row-gap: 1rem;

assets/css/src/events-grid.css

@@ -67,7 +67,7 @@
   z-index: 3;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .events-grid {
     --padding-vertical: 10vw;
   }

assets/css/src/footer.css

@@ -42,7 +42,7 @@
   top: 0;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .main-footer {
     grid-template-columns: 1fr;
     row-gap: 1rem;

assets/css/src/generic.css

@@ -256,7 +256,7 @@ img.show {
   scale: var(--scale-up);
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .mobile-group {
     display: block;
   }

assets/css/src/hero.css

@@ -74,7 +74,7 @@
   opacity: 0;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .hero__text h2 {
     text-align: center;
   }

assets/css/src/nav.css

@@ -170,7 +170,7 @@
   max-width: 0.9ch;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .main-nav__featured-pages {
     display: none;
   }

assets/css/src/newsletter.css

@@ -41,7 +41,7 @@ section.newsletter form button[type="submit"]:hover::before {
   transform: translateX(-2.5rem);
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   section.newsletter {
     --padding-vertical: 1.3rem;
   }

assets/css/src/page-sectioned.css

@@ -79,7 +79,7 @@
   object-fit: contain;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .anchors-strip {
     display: none;
   }

assets/css/src/program-filters.css

@@ -2,7 +2,7 @@
   margin-right: 4vw;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .filters {
     display: none;
   }

assets/css/src/responsive.css

@@ -1,4 +1,4 @@
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .grid,
   .hero {
     grid-template-columns: 1fr;

assets/css/src/swiper.css

@@ -45,7 +45,7 @@
   width: 2.5rem;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   #swiper {
     position: static !important;
   }

assets/css/src/variables.css

@@ -45,7 +45,7 @@
   --transition-image-opacity: opacity 0.3s ease-in-out;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   :root {
     --font-size-xl: 2.5rem;
     --font-size-h1: 1.875rem;