*{ box-sizing: border-box; }

.gfx{ width: 100%; }

html{
  scroll-behavior:smooth;
}

body{
margin:0;
padding:0;
font-family: Arial;
}

a{
padding:0px;
width:0 auto 0;
display:block;
text-decoration:none;
color:#fff;
text-transform:uppercase;
font-weight: bold;
}

nav{
height: 50px;
background:#D3C699;
position:fixed;
top:0;
bottom:0;
width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 10px;
  box-sizing: border-box; 
  min-width: 320px;
}

nav a{ 
	font-size: calc( 6px + 1vw );
}
@media (min-width: 400px) {
  nav{ width:85%; }
  a{ padding:6px;}
	 
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  nav { width:  80%;  padding: 0 20px; }
    a{ padding:10px;}
}
}
figure img{ 
  width: 100%;
display: block;}

ul{
padding:0;
margin:0;
list-style:none;
width: 100%;

}

li{
 display:inline-block;
 }

#videos{
height:100%;
background: #71A04F ;
display: inline-block;
width:100%;

}

#discography{
height:100%;
background: #4B3897 ;
display:inline-block;
width:100%;
margin:5;
padding-bottom: 50px; 
}




#albums{
height:100%;
background: #71A04F;
display: inline-block;
width:100%;
text-align:left;
padding-bottom: 50px; 
}

#books{
height:100%;
background: #4B3897 ;
display: inline-block;
width:100%;
text-align:left;
padding-bottom: 50px; 
}

#prints{
height:100%;
background: #71A04F;
display: inline-block;
width:100%;
text-align:left;
padding-bottom: 50px; 
}




section, header{
	padding-top: 50px;
}

.caption{ line-height: 1em; font-size: 0.85em; }

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');

body {
  background-color:#E4DFC0;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: white;
  text-align: left;
  padding:20;
}
h1{
margin:100 px;
text-align: left;
padding:0;
  font-family: "Merriweather", serif;
  font-size: 32px;
  font-weight: bold;

}