/* Phone styles (max-width 768px) */
/* @media   only screen and (max-width: 768px) {  */
    
#header{
  display:grid;
  grid-gap: 20px;
  padding: 15px;
  background-color: #fff;
  grid-template-columns: auto; 
  grid-template-rows: auto auto 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;
}


#bigtable {
  max-width: 100%;
}
 

th{
  display: none !important;
}


#bigtable tr td:empty {
    display: none;
}


.project {
    text-align: left;
    font-weight: bold;
    background-color: #2c3e50;
    color: #fff;
}


.mobile-br{
display:block;
}


/* }  */