body {
    font-family: 'Ropa Sans', sans-serif;
    background-color: whitesmoke;
}

.slider {    
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    text-align: center;
    color: goldenrod;
}

.slider ::-webkit-scrollbar {
    display: none;
}

.slider div {
    display: inline-block;
    width: 300px;
    height: 165px;
    background-color: #fff;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 3px;
    margin-right: 10px;
    white-space: normal;
    vertical-align: middle;
}

.feature {
    height: 90px;
    margin: 2px;
    display:inline-block;
}

.feature-screen {
    height: 250px;
    margin: 2px;
    display:inline-block;
}

.slider div p {
    color: lightgray;
    font-style: italic;
    display: inline;
    /*white-space: pre;*/
    /*display: none;*/
    /*grid-row:auto;*/
}

.windowHdr {
    height: 1.3em;
    text-align: center;
    /*vertical-align: middle;*/
    background: purple;
    border-radius: 3px;
    margin: 5px 0px;
    color: white;
    font: bold 12pt calibri;
    padding-left: 10px;
}

.support-screen {
    /* float: left; */
    border: 0.1rem solid lightgray;    
    font-size: 0.9em;
}
/* .feature-screen table { width: 100vw; } */
.header { 
    background-color: whitesmoke;
    font-size: 0.6em;
    text-align: left;
    padding-left: 1rem;
}