import styled from 'styled-components' ; import { breakpoint } from '../../utils' ; import Link from '../Link' ; const HeaderTitleStyle = styled ( Link ) `
  margin: ${ ( { tall } ) => ( tall ? '0px' : '0px' ) };
  display: inline-flex;
  color: #000;
  text-decoration: none;

  &:hover {
    color: inherit;
    text-decoration: none;
  }

  @media screen and ${ breakpoint ( 'max-width' , 'mobileM' ) } {
    font-size: 14px;
  }

  @media screen and ${ breakpoint ( 'min-width' , 'mobileM' ) } {
    font-size: 16px;
  }
` ; export default HeaderTitleStyle ;