import styled , { css } from 'styled-components' ; import media from 'styled-media-query' ; export const Container = styled . div `
  ${ ( { theme } ) => css `
    max-width: ${ theme . grid . container };
    padding: ${ theme . spacings . large } calc(${ theme . grid . gutter } / 2);
    margin: 0 auto;

    ${ media . greaterThan ( 'medium' ) `
      padding: ${ theme . spacings . large } calc(${ theme . grid . gutter } / 2);
    ` }
  ` }
` ;