/* Tablet styles (768px - 1024px) */
/*  @media  only screen and (min-width: 768px) { */ 

#header{
  display:grid;
  grid-gap: 20px;
  padding: 15px;
  background-color: #fff;
  grid-template-columns: auto auto; 
  grid-template-rows: auto auto;
  grid-template-areas: 'photo intro' 'contact links';
    
}

#photo {
  grid-area: photo;
     display: flex;
    justify-content: center; 
    align-items: center; 
}

#intro {
  grid-area: intro;
}

#contact {
  grid-area: contact;
}

#links {
  grid-area: links;
}

.mobile-br {
display:none;
}

/*  } */