h1, h2 {
    color:cornflowerblue;

     
}
.container {
    display: grid;
    margin: 10px auto 30px;
    max-width: 1200px;
    font-family: sans-serif;
    grid-template-columns: repeat(3 , 1fr);
    grid-template-rows: 70px;
}
.container2 {
    display: grid;
    margin: 10px auto 30px;
    width: 100%;
    
    font-family: sans-serif;
    grid-template-columns: repeat(3 , 1fr);
    
}
.stretch {
     align-items: stretch;
}
.start {
     align-items: start;
}
.end {
     align-items: end;
}
.center {
     align-items: center;
}
.container div {
    
    margin: 8px 4px;
    font-size: 1em;

    /* as proriedades a partir daqui alinham o texto no centro */
    display: grid;
    text-align: center;
    justify-content: center;
    align-items: center;
}
h4 {
    margin: 20px 0 0 20px;    
    font-family: sans-serif;    
    font-weight: normal;
    font-size: 1em;
    color: #3b3b3b;
    text-align: center;
}
#inner {
    display: table;
    margin: 0 auto;
 
  }
  
  #outer {
 
    width:100%
  }