<template>
  <div class="news">
    <h1 class="news__heading">News</h1>
    <news-teasers />
  </div>
</template>

<script>

  import NewsTeasers from '@/components/news/NewsTeasers';

  export default {
    components: {NewsTeasers},
  };
</script>

<style scoped lang="scss">
  @import "@/styles/_variables.scss";
  @import "@/styles/_mixins.scss";

  .news {
    padding: 0 $large-spacing;
    max-width: 800px;
    margin: 0 auto;

    @include desktop {
      max-width: unset;
      margin: 0;
    }
  }

</style>
