text: import styled from "styled-components";
  
  export const HeaderStyles = styled.header`
      background-color:#efefef;
  `
  
  export const Container = styled.div`
      display: flex;
      color: #404040;
      height: 150px;
      align-items: center;
      ${'' /* justify-content: space-evenly; */}
      max-width: 1200px;
      margin: auto;
  
      & a > img {
          width: 100px;
          height: 100px;
      }
  
      @media only screen and (max-width: 768px)  {
          width: 90%;
          height: 100px;
  
          & a > img {
          width: 60px;
          height: 60px;
          }
      }
  `
  
  export const Title = styled.div`
      margin-left: 2rem;
  
      @media only screen and (max-width: 768px) {
          h1 {
              font-size: 20px;
              margin-bottom: 5px;
          }
          h2 {
              font-size:18px;
          }
      }
  `