:root{
 --base:#323232;
 --default:#9B7E38;
 --grey:#d1d1d1;
 --greylight:#f2f2f2;
 --white:#ffffff;
 --link:#e68c8a;
 --linkhover:#d25855;
 --btnfs:1.1rem;
 --font1: 'Open Sans', sans-serif;
 --font2: 'Waterfall', cursive;
 --boxshadow:0 0 0 0.2rem rgba(206,143,107,0.25);
 --dropshadow:drop-shadow(0 0 0.75rem rgba(0,0,0,.3));
}

@media (min-width:200px) and (max-width:800px){
:root{font-size:calc(14px + (16 - 12) * ((100vw - 400px) / (800 - 400)))}
}

@media (min-width:800px){
:root{font-size:16px}
}

*{outline:none !important}


body{position:relative;color:var(--base);background: url('templates/bg.jpg') center top;font-family:var(--font1);font-size:1.1rem;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;transition:.3s;overflow-x:hidden}

h1,
h2,
h3,
h4,
h5,
h6{position:relative;color:var(--default);font-family:var(--font2)}

h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6{margin-top:0}

h1{padding-bottom:20px;font-size:3.5rem}
h2 {font-size:3rem;}

a {color: var(--link);text-decoration:underline;}
a:hover,
.btn{color:var(--linkhover);text-decoration:none;word-wrap:break-word;cursor:pointer !important;transition:.4s}
.btn--fill,button[type="submit"]{padding:0.5rem 2.5rem;color:var(--white);background-color:var(--link);text-transform:uppercase;border:0}
.btn--fill:hover,button[type="submit"]:hover{color:var(--white);background-color:var(--linkhover)}

a.btn[href=""]{display:none}
.btn{font-size:var(--btnfs);;border-radius:0}
.btn:focus,
.btn.focus{outline:0;box-shadow:var(--boxshadow)}

.jslink{color:var(--link);text-decoration:underline}
.jslink:hover{color:var(--linkhover)}

ul li{list-style-type:none;position:relative}

/* ---------------------------------------------------------------------- */
/* Stacktable
/* ---------------------------------------------------------------------- */
.stacktable{width:100%}
.st-head-row{padding-top:1em;text-align:left}
.st-key{width:49%;padding-right:1%;text-align:right}
.st-val{width:49%;padding-left:1%}
.stacktable.large-only{display:table}
.stacktable.small-only{display:none}

@media (max-width:800px){
 .stacktable.large-only{display:none}
 .stacktable.small-only{display:table}
}

.bg--white {border-radius:10px;background-color:#fff;}
header {padding: 20px 20px 40px;text-align:center;background: url('assets/header.jpg') no-repeat left top}
footer {padding:1.5rem;color: var(--gray);font-size:0.9rem;}
footer span {color: var(--linkhover);font-weight:bold;}
.img-thumbnail {  display:block; margin: 0 auto;  object-fit: contain;}

.gallery img {max-height:208px;}