.tabela_colchao {
    display: grid;
    grid-template-columns: 1fr 3fr 1fr 7fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: 
        "titulo titulo titulo titulo"
        "tit_altura tit_comprimento tit_largura tit_componentes"
        "cont_altura cont_comprimento1 cont_largura1 cont_comp1"
        "cont_altura cont_comprimento1 cont_largura2 cont_comp2"
        "cont_altura cont_comprimento1 cont_largura3 cont_comp3"
        "cont_altura cont_comprimento1 cont_largura4 cont_comp4"
        "cont_altura cont_comprimento2 cont_largura5 cont_comp5"
        "cont_altura cont_comprimento3 cont_largura6 cont_comp6";
    max-width: 85%;
    height: 55%;
    align-self: center;
    justify-self: center;
}

#titulo {
    grid-area: titulo;
    display: grid;
    align-items: center;
    justify-items: center;
    display: grid;
    align-items: center;
    justify-items: center;
    border: 2px solid gray;
    /* display: flex; */
    align-items: center;
    
}
#tit_altura {
    border-left: 2px solid gray;
    border-bottom: 2px solid gray;
    grid-area: tit_altura;
    display: grid;
    align-items: center;
    justify-items: center;
}
#tit_comprimento {
    grid-area: tit_comprimento;
    display: grid;
    align-items: center;
    justify-items: center;
    border-left: 2px solid gray;
    border-bottom: 2px solid gray;
}
#tit_largura {
    grid-area: tit_largura;
    display: grid;
    align-items: center;
    justify-items: center;
    border-left: 2px solid gray;
    border-bottom: 2px solid gray;
}
#tit_componentes {
    grid-area: tit_componentes;
    display: grid;
    align-items: center;
    justify-items: center;
    border-left: 2px solid gray;
    border-bottom: 2px solid gray;
    border-right: 2px solid gray;
}
#cont_altura {
    grid-area: cont_altura;
    display: grid;
    align-items: center;
    justify-items: center;
    border-left: 2px solid gray;
    border-bottom: 2px solid gray;
}
#cont_comprimento1 {
    grid-area: cont_comprimento1;
    display: grid;
    align-items: center;
    justify-items: center;
    border-left: 2px solid gray;
    border-bottom: 2px solid gray;
}
#cont_comprimento2 {
    grid-area: cont_comprimento2;
    display: grid;
    align-items: center;
    justify-items: center;
    border-left: 2px solid gray;
    border-bottom: 2px solid gray;
}
#cont_comprimento3 {
    grid-area: cont_comprimento3;
    display: grid;
    align-items: center;
    justify-items: center;
    border-left: 2px solid gray;
    border-bottom: 2px solid gray;
}
#cont_largura1 {
    grid-area: cont_largura1;
    display: grid;
    align-items: center;
    justify-items: center;
    border-left: 2px solid gray;
    border-bottom: 2px solid gray;
}
#cont_largura2 {
    grid-area: cont_largura2;
    display: grid;
    align-items: center;
    justify-items: center;
    border-left: 2px solid gray;
    border-bottom: 2px solid gray;
}
#cont_largura3 {
    grid-area: cont_largura3;
    display: grid;
    align-items: center;
    justify-items: center;
    border-left: 2px solid gray;
    border-bottom: 2px solid gray;
}
#cont_largura4 {
    grid-area: cont_largura4;
    display: grid;
    align-items: center;
    justify-items: center;
    border-left: 2px solid gray;
    border-bottom: 2px solid gray;
}
#cont_largura5 {
    grid-area: cont_largura5;
    display: grid;
    align-items: center;
    justify-items: center;
    border-left: 2px solid gray;
    border-bottom: 2px solid gray;
}
#cont_largura6 {
    grid-area: cont_largura6;
    display: grid;
    align-items: center;
    justify-items: center;
    border-left: 2px solid gray;
    border-bottom: 2px solid gray;
}
#cont_comp1 {
    grid-area: cont_comp1;
    display: grid;
    align-items: center;
    justify-items: center;
    border-left: 2px solid gray;
    border-bottom: 2px solid gray;
    border-right: 2px solid gray;
}
#cont_comp2 {
    grid-area: cont_comp2;
    display: grid;
    align-items: center;
    justify-items: center;
    border-left: 2px solid gray;
    border-bottom: 2px solid gray;
    border-right: 2px solid gray;
}
#cont_comp3 {
    grid-area: cont_comp3;
    display: grid;
    align-items: center;
    justify-items: center;
    border-left: 2px solid gray;
    border-bottom: 2px solid gray;
    border-right: 2px solid gray;
}
#cont_comp4 {
    grid-area: cont_comp4;
    display: grid;
    align-items: center;
    justify-items: center;
    border-left: 2px solid gray;
    border-bottom: 2px solid gray;
    border-right: 2px solid gray;
}
#cont_comp5 {
    grid-area: cont_comp5;
    display: grid;
    align-items: center;
    justify-items: center;
    border-left: 2px solid gray;
    border-bottom: 2px solid gray;
    border-right: 2px solid gray;
}
#cont_comp6 {
    grid-area: cont_comp6;
    display: grid;
    align-items: center;
    justify-items: center;
    border-left: 2px solid gray;
    border-bottom: 2px solid gray;
    border-right: 2px solid gray;
}