
header img {width: 50rem; max-width:100vw; margin-top:0vw; margin-bottom:0vw; position:relative; z-index:-1;}

header h1 {margin-left:1rem; margin-right:1rem; margin-bottom:1rem;}

p.small {font-size:0.8rem;}

html {text-align: center;}

html {font-family: 'Averia Serif Libre', Arial, Helvetica, sans-serif; scroll-behavior: smooth;}

html, body { width:100vw; /*overflow-x: hidden; Kills position: sticky*/ }

nav a {margin: 0 2vw; text-decoration: none; white-space: nowrap; }
nav {text-align:center; position:sticky; top: 0rem; width: 100vw; background-color: white; padding-top:0.3rem; padding-bottom:1rem;}

a:link {color:inherit;}
a:visited {color:inherit;}
a:hover {color:inherit;}
a:active {color:inherit;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid black; margin: 1rem auto; padding: 0; width: 30rem; max-width:60vw;}

section {padding-top:4.5rem; margin-top:-4.5rem; width:100vw; overflow-x:hidden;}
section p {margin: 2vw auto; font-weight:300; min-width: 50vw; width:40rem; max-width:90vw;}

section img {margin: 2vw auto; width: 50rem; max-width: 100vw; position:relative; z-index:-1;}
section .horizimages {margin: 3vw auto; width: 70rem; max-width: 90vw;}

section:last-of-type {height: 90vh;}

.horizimages img {width:49%;}

#handimage1 {overflow: hidden;}

.instagram-media {margin-left: auto !important; margin-right: auto ! important; margin-bottom: 3vw !important;  min-width: 50vw !important; width:40rem !important; max-width:90vw !important;}

.auto-resizable-iframe {
    min-width: 50vw; width:40rem; max-width:90vw;
    margin: 2vw auto;
  }
  
  .auto-resizable-iframe > div {
    position: relative;
    padding-bottom: 75%;
    height: 0px;
  }
  
  .auto-resizable-iframe iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
  }

/*img#handimage1 {width:60vw; position: relative; left:10rem;}*/

/* Fingering chart: */
.grid {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(4, 1fr);
}

.grid > div {
  padding: 10px;
  background-color: #ccc;
}
