/* Common */

body{text-align:center; font-family:sans-serif; line-height:1.6;}
main{max-width:850px; margin:auto;}

h1{text-transform:uppercase; font-weight:normal;}
h2{border-bottom:2px solid #ddd; font-weight:normal;}
h3{border-bottom:2px solid #ddd; font-weight:normal;}

header{margin-top:40px; margin-bottom:40px;}
footer{
position:absolute;
bottom:0px;
width:100%;
}
hr{
max-width:850px;
border:1px solid #ddd;
}

.wrapper{
min-height:calc(100vh - 140px); /* 100% of viewport minus height of footer */
overflow:hidden;
display:block;
position:relative;
padding-bottom:130px; /* height of footer */
}

/* Home */

.prod-menu-section{
display:flex;
flex-direction:row;
flex-wrap:wrap;
margin-bottom:2rem;
}
.prod-menu-flex{padding:0.5rem; flex-basis:100%; flex:1;}
.prod-menu-link{
text-decoration:none;
color:black;
position:relative;
display:block;
}
.prod-menu-link:visited{color:black;}
.prod-menu-link:hover  {color:black;}
.prod-menu-link:active {color:black;}
.prod-menu-title{margin:0px; font-size:1.3em;}
.prod-menu-article{
font-size:0.9em;
width:320px;
margin:auto;
padding:8px;
border-style:solid;
border-radius:1em;
border-width:2px;
border-color:#ddd;
}

.price-overlay{
position:absolute;
top:0;
color:white;
background-color:#00d082;
padding-left:0.75em;
padding-right:0.75em;
border-radius:1em;
font-weight:bold;
font-size:1.1em;
}

/* FAQ */

summary{
cursor:pointer;
line-height:2;
font-size:0.9em;
}

.faq-content{
margin-left:1em;
margin-bottom:1em;
padding:1em;
font-size:0.9em;
background-color:#f0f0f0;
border-radius:0.5rem;
}

/* Products */

dd{display:list-item;}

.yt-link{
font-size:large;
text-decoration:none;
}
.yt-logo{
height: 1.1em;
vertical-align:middle;
padding-bottom:0.2em;
}
.prod-img{width:90%;}

table{margin:auto; padding:0; border-collapse:collapse; font-size:0.9em; text-align: initial;}
table tr{border-top:1px solid #bbb; background-color:white; margin:0; padding:0}
table tr th{font-weight:bold; border:1px solid #bbb; margin:0; padding:6px 13px}
table tr td{border:1px solid #bbb; padding:6px 13px}
.tbsmalltxt{font-weight:normal; font-size:0.75em; line-height:0.75em;}

.demo-btn{
line-height:2.5;
padding:0.5em 1.5em;
font-size:1rem;
text-align:center;
text-decoration:none;
font-weight:bold;
color:#fff;
border-radius:1em;
background-image:linear-gradient(135deg,#bebebe,#969696);
}
.buy-btn{
line-height:2.5;
padding:0.5em 1.5em;
font-size:1rem;
text-align:center;
text-decoration:none;
font-weight:bold;
color:#fff;
border-radius:1em;
background-image:linear-gradient(135deg,#7adcb4,#00d082);
}