body {
    /* background: var(--secondary-color); */
}
.titulo-travesseiros {
    margin-top: 11vh;
    display: grid;
    align-items: center;
    justify-items: center;
    padding: 4%;
    color: var(--green-kenko);
    /* background: var(--secondary-color); */
}

.titulo-travesseiros h1{
    padding: 10px;
}
.titulo-travesseiros p{
    line-height: 25px;
    padding: 10px;
    text-align: justify;

}

.container-travesseiros {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    /* grid-gap: 1%; */
    padding-bottom: 5%;
}

.travesseiro {
    padding: 15%;
    display: grid;
    color: var(--green-kenko);
    background: white;
    border: 2px transparent lightgray;
}

.travesseiro img{
    max-width: 100%;
    align-self: center;
    justify-self: center;
}

.travesseiro .texto {
    display: grid;
    padding: 0 5%;
}
.travesseiro .texto p {
    padding: 2px 0;
}

.travesseiro .texto h1{
    align-self: center;
    justify-self: center;
    font-size: 28px;
    padding: 5%;
}

#trav-soft {
    border-right: 1px solid lightgray;
}
 
#trav-silicon {
    border-right: 1px solid lightgray;
}
 
#trav-regula {
    border-right: 1px solid lightgray;
}
 

/* orcamento */
.orcamento {
    display: grid;
    align-items: center;
    justify-items: center;
    /* background: var(--secondary-color); */
    border-bottom: 1px solid var(--secondary-color);
    /* border-top: 1px solid var(--secondary-color); */
    padding: 30px 0;
}
.orcamento .orca-link{
    display: grid;
    align-items: center;
    justify-items: center;
    background: var(--secondary-color);
    border: 5px solid var(--green-kenko);
    background: var(--green-kenko);
    font-size: 28px;
    text-decoration: none;
    align-self: center;
    justify-self: center;
    padding: 15px;
    border-radius: 30px;
}

.orcamento .orca-link:hover{
    opacity: 75%;
}

.orcamento a{
    text-decoration: none;
    color: white;
}
.footer {
    height: 13vh;
}
/* orcamento end */

@media screen and (max-width: 1500px){
    .travesseiro {
        padding: 15% 10%;
        display: grid;
        color: var(--green-kenko);
        background: white;
        border: 2px transparent lightgray;
    }
}

@media screen and (max-width: 1500px){
    .travesseiro {
        padding: 3% 15%;
        display: grid;
        color: var(--green-kenko);
        background: white;
        border: 2px transparent lightgray;
    }

    .container-travesseiros {
        margin-top: 16vh;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        /* grid-gap: 1%; */
        padding-bottom: 5%;
    }

    #trav-soft {
        border-bottom: 1px solid lightgray;
        border-right: 1px solid lightgray;
    }
    #trav-silicon {
        border-bottom: 1px solid lightgray;
    }
    #trav-regula {
        border-right: 1px solid lightgray;
    }
}

@media screen and (max-width: 700px){
    .travesseiro {
        padding: 5% 15%;        
    }
    .travesseiro .texto h1{
        font-size: 28px;
    }
    
    .container-travesseiros {
        margin-top: 11vh;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        /* grid-gap: 1%; */
        padding-bottom: 5%;
    }
    .container-travesseiros {
        margin-top: 16vh;
    }

    #trav-regula {
        border-bottom: 1px solid lightgray;
    }
}