html {
    height: 100%;
}

body {
height: 100%;
min-width: 480px;
color: #000000;
font-size: larger;
margin: 0px;
background-color: #FFFFFF
}

h1 { font-size: 2em !important; font-weight: bold !important;}
h2 { font-size: 1.25em !important; font-weight: bold !important;}
h3 { font-size: 0.5em !important; font-weight: bold !important;}

a.nav {
    background-color: #000000;
    color: white;
    display: block;
    text-decoration: none;
    text-align: center;
}

#header {
   color: black;
}

@media screen and (max-width: 850px) {
    #full { display: none; }
    #navfull { display: none; }
}

@media screen and (min-width: 850px) {
    #small { display: none; }
    #navsmall { display: none; }
}

.slider {
text-shadow:  0px 0px 20px black;
font-weight: bold; 
color: white;
}

.container {
  display: flex;
}
.container > div {
  flex: 1; /*grow*/
}
:target:before {
content:"";
display:block;
height:130px; /* fixed header height*/
margin:-130px 0 0; /* negative fixed header height */
}