.site {
    font-family: Arial, Helvetica, sans-serif;
    display: grid;
    grid-template-columns: 1fr 1fr ;
    grid-template-rows: auto 1fr 5fr auto;
    grid-template-areas:
        "header header "
        "search search "
        "search search "
        "content content "
    ;
    grid-gap:1em;
    background-color: #ffffff;

}
p{
    /*color: #AD6B52;*/
}

.site >div{
    /*background-color: #ffffff;*/
    padding: 1em;
    border-radius: 5px;

}
.header {
    grid-area: header;
    display: inline-grid;
    grid-template-columns: 1fr auto 1fr ;
    grid-template-rows: auto 1fr;
    grid-template-areas:
    "left heading right"
    "left text right";
    /*color: #AD6B52;*/
    background-color: #f0d7ce;
}
#heading{
    grid-area: heading;
}
#heading>span{
    font-size: 600%;
    vertical-align:top;
    color: #ea8560;
}
#text{
    /*grid-area: search;*/
    grid-column: 1 / -1;
    grid-row:1;
}
h1 {
    color: #ea8560;
    text-align: end;
}
#logo{
    color: #ea8560;
}
.search {
    grid-area: search;
    display: grid;
    grid-template-columns: repeat(9, 1fr) ;
    grid-template-rows: minmax(5em, 7em) 4em 2em 3em;
    grid-auto-rows: 1em;
    grid-gap:3px;
    background-color: #f0d7ce;

}
input{
    height: 26px;
    width: 100%;
    /*min-width: 50px;*/
    /*max-width: 90px;*/
    /*box-sizing: border-box;*/
    /*-moz-box-sizing: border-box;*/
}
.colDes{
    text-align: center;

}
.results {
    display: grid;
    grid-template-columns: repeat(9, 1fr) ;
    grid-column: 1 / -1;
    justify-items: center;
    background-color: #f0d7ce;
}
.results:nth-child(odd) {
    background-color: #fffefd;
}
.results>div {
}

.content {
    grid-area: content;
    background-color: #f0d7ce;

}
/*.shown{*/
    /*grid-column: 1/-1;*/
    /*grid-row: 1;*/
/*}*/
.inpText1{
    grid-column: 1/5;
    grid-row: 2;
    /*grid-row: 1;*/
}
.inpText2{
    grid-column: 5/-1;
    grid-row: 2;
    /*grid-row: 1;*/
}
@media screen and (min-width: 60em){
    .site {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto 1fr 5fr;
        grid-template-areas:
        "header header header"
        "content search search"
        "content search search"
    ;
    }
    input{
        height: 26px;
        /*width: auto;*/
        min-width: 50px;
        /*max-width: 55px;*/
        /*box-sizing: border-box;*/
        /*-moz-box-sizing: border-box;*/
    }
}
@media screen and (min-width: 100em){
    .site {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr auto;
        grid-template-rows: auto 1fr 5fr;
        grid-template-areas:
        "header header header header header"
        "content content search search search"
        "content content search search search"
    ;
    }
}