html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-family:'arial', sans-serif;
	line-height: 1;
	font-size:1em;
	line-height:20px;
	color:#321609;
}
ol, ul {
	list-style: none;
	margin:15px 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*--------------------------------------------------*/
a:link {
  color: #fff;text-decoration: none;
}
a:visited {
  color: #ee8b15;text-decoration: none;
}
a:hover {
  color: #7997f7;text-decoration: none;
}
a:active {
  color: #fff;text-decoration: none;
}
a.dark:link {
  color: #000;text-decoration: underline;
}
a.dark:visited {
  color: #ee8b15;text-decoration: underline;
}
a.dark:hover {
  color: #7997f7;text-decoration: underline;
}
a.dark:active {
  color: #000;text-decoration: underline;
}
a.chocolate:link {
  color: #9C4B16;text-decoration: underline;
}
a.chocolate:visited {
  color: #ee8b15;text-decoration: underline;
}
a.chocolate:hover {
  color: #7997f7;text-decoration: underline;
}
a.chocolate:active {
  color: #9C4B16;text-decoration: underline;
}

#branding {position:absolute;top:6%;left:9%;}
#branding-2 {position:absolute;top:2%;left:9%;}
#footer {clear:both;width:100%;height:auto;border-top:7px solid #9d4b08;position:fixed:bottom:100%;padding-bottom:50px;}
#full-content-area {width:100%;height:auto;}
#header {width:100%;height:auto;}
.other-pages-header {background-image:url('pics/image-header-other-pages.png');height:40%;background-repeat:no-repeat; background-color:#57412f;}
h1 {font-family: 'Philosopher', sans-serif;font-weight:600;font-size:300%;color:#fff;line-height:50px;margin:5px 0 5px 0;clear:both;}
h2 {font-family: 'Philosopher', sans-serif;font-weight:400;font-size:200%;color:#fff;line-height:40px;margin:5px 0 5px 0;clear:both;}
h3 {font-family: 'Philosopher', sans-serif;font-weight:200;font-size:150%;color:#fff;line-height:30px;margin:5px 0 5px 0;clear:both;}
h4 {font-family: 'Philosopher', sans-serif;font-weight:300;font-size:150%;color:#fff;line-height:30px;margin:5px 0 5px 0;clear:both;}
h5 {font-family: 'Philosopher', sans-serif;font-weight:300;font-size:150%;color:#9C4B16;line-height:30px;margin:5px 0 5px 0;clear:both;}
h6 {font-family: 'Philosopher', sans-serif;font-weight:300;font-size:130%;color:#9C4B16;line-height:30px;margin:5px 0 5px 0;clear:both;}
p {margin:10px 0 10px 0;}
p.width-1 {width:50%;}
ul {padding-left:50px;}
li {list-style-type: disc;}
dt {font-weight:600;padding-top:20px;}
dd {padding-left:30px;}
.buy-now-button {margin-top:5px;padding:3px;background-color:#28ec19;border:1px solid #20b715;width:130px;border-radius: 25px;text-align:center;color:#000;font-weight:600;box-shadow: 5px 5px 5px #888888;
}
.padding-top {padding-top:20px;}
.padding-10 {padding:10px;}

.bold {font-weight:600}
.center {text-align:center;}
.italic {font-style:italic;}
.page-name {color:#9C4B16;padding-bottom:30px;}
.banjo-1-pos {width:100%;position:relative;}
.citation-1 {position:relative;font-size:80%;font-style:italic;padding-left:10px;}
.color-9C4B16 {color:#9C4B16;}
.color-321609 {color:#321609;}
.float-left {float:left}
.footer-content {padding:30px;margin:30px 70px;}
.footer-map {float:right;border:1px solid #000;}
.header-copy {color:#fff; font-size:140%;position:absolute;top:190px;left:20%;line-height:25px;margin:2% 10% 2% 3%;}
.header-image-not-home-page {width:100%;}
.header-opacity {width:100%;opacity:0.15;filter:alpha(opacity=1.5);}
.text-90 {font-size:90%}
.text-right {text-align: right;}
.vintage-instrument-container {padding: 30px 0 0px 0;}
.vintage-caption {text-align: right;font-size:90%;font-style:italic;position:relative;top:-40px;}
.image-resources {width:40%;float:left;padding:0 7px 3px 0}
.image-vintage {width:100%;}
.img-banjo-1 {width:70%;margin:30px 8%;border-top-right-radius:2em;}
.img-banjo-2 {width:90%;margin:30px 4%;border-top-right-radius:0em;position:relative;z-index:1;}
.img-menu {width:80px;}
.img-head-about {width:70%;margin:30px 8%;border-top-right-radius:2em;}
.image-lesson-1 {width:300px;border:2px solid #9C4B16;background-color:#fff;box-shadow:6px 6px 8px #666;margin:5px;}
.image-right-1-pos {float:right;}
.left-content-area {width:25%;margin:20px 30px 20px 80px;float:left;border:0px solid blue;}
.logo-pic {width:150px;padding:0 7px 0 0;}
.main-nav {display:inline;position:relative;top:10px;left:2%;margin-right:15px;padding:10px;width:100%;font-family: 'Philosopher', sans-serif;color:#fff;}
.main-nav-background {width:100%;height:55px;background-color:#9d4b08;}
.menu-icon {display:block;width:15%;position:absolute;top:20px;right:20px;}
.phone {font-family: 'Philosopher', sans-serif;font-weight:400;font-size:190%;color:#fff;line-height:40px;margin:5px 0 5px 0;padding-top:20px;color:#fff;}
.right-content-area {width:50%;margin:20px;padding:20px;float:left;position:relative;top:-20%;background-color:#fff;border:0px solid red;border-top-left-radius:2em;}
.section-divider {width:100%;height:5px;background-color:#9d4b08;}
.text-shadow {text-shadow: 2px 2px 5px #492106;}
.video-container { width:100%;height:auto;background-image: url('../pics/bg-57412f-90.png');}
.video-width-1 {width:450px; height:253px;}
.video-caption {width:36%;line-height:17px;margin-top:5px;}
.margin-top-30 {margin-top:60px;}
/* Action slider-1 */
.action-slider-1 {background-color:#9B4B1F; color:#fff;padding:20px;font-weight:400;}

/* slide menu */
.sidenav {
	font-family: 'Philosopher', sans-serif;
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    background-color: #33271d;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 16px;
    color: #e86e09;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 28px;
    margin-left: 50px;
}

#main {
    transition: margin-left .5s;
    padding: 16px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
/* end slide menu */

@media screen and (min-width: 1100px) {
	.header-copy {color:#fff; font-size:140%;position:absolute;top:30%;left:15%;line-height:30px;margin:3%;width:70%;}
	.phone {color:#fff;font-size:190%;line-height:50px;padding-top:45px;}
	#branding {position:absolute;top:10%;left:7%;}
	h1 {font-weight:600;font-size:300%;color:#fff;line-height:50px;margin:5px 0 5px 0;}
	h2 {font-weight:400;font-size:170%;color:#fff;line-height:40px;margin:5px 0 5px 0;}
	h3 {font-weight:200;font-size:140%;color:#fff;line-height:30px;margin:5px 0 5px 0;}
	h4 {font-weight:300;font-size:150%;color:#fff;line-height:30px;margin:5px 0 5px 0;}
	.left-content-area {width:25%;margin:20px 30px 20px 100px;float:left;}
}

@media screen and (max-width: 780px) and (min-width: 520px) {
	.header-copy {color:#fff; font-size:95%;position:absolute;top:20%;left:10%;line-height:20px;margin:1%;}
	.phone {color:#fff;font-size:160%;line-height:30px;padding-top:5px;}
	#branding {position:absolute;top:2%;left:5%;}
	#branding-2 {position:absolute;top:4%;left:9%;}
	h1 {font-size:200%;line-height:40px;margin:5px 0 5px 0;}
	h2 {font-size:140%;line-height:23px;margin:5px 0 5px 0;}
	h3 {font-size:110%;line-height:20px;margin:5px 0 5px 0;}
	.main-nav {display:none;}
    .menu-icon {width:15%;margin:0px auto 30px auto;position:relative;width:10%;}
	.main-nav-background {width:100%;height:25px;background-color:#9d4b08;}
	.right-content-area {width:85%;margin:30px;float:left;position:relative;top:1%;}
	.citation-1 {position:relative;font-size:80%;font-style:italic;}
	.left-content-area {width:70%;margin:20px 30px 20px 30px;float:left;}
	.right-content-area {width:85%;margin:10px;padding:10px;float:left;position:relative;top:1%;background-color:#fff;border:0px solid red;border-top-left-radius:2em;}
	.img-banjo-1 {width:80%;margin:20px 4%;	border-top-right-radius:0px;}
	.footer-map {float:right;border:0px solid #000;}
	.footer-content {padding:20px;margin:20px 0px;}
	.img-head-about {width:90%;margin-left:0px;}
	.video-width-1 {width:260; height:146px;}
	.vintage-caption {text-align: right;font-size:90%;font-style:italic;position:relative;top:-30px;}
	.video-caption {width:46%;line-height:17px;margin-top:5px;}
}

@media screen and (max-width: 520px) and (min-width: 200px) {
	.header-copy {color:#fff; font-size:100%;position:relative;top:2.5%;left:0%;line-height:20px;margin:2%;color:#000;}
	.phone {color:#fff;font-size:150%;line-height:30px;background-color:#9d4b08;padding:5px;text-align:center;}
	#branding {position:absolute;top:4%;left:7%;}
	#branding-2 {position:absolute;top:5%;left:9%;}
	.other-pages-header {background-image:url('pics/image-header-other-pages.png');height:60%;background-repeat:no-repeat; background-color:#57412f;}

	h1 {font-size:250%;line-height:30px;}
	h2 {font-size:115%;line-height:20px;}
	h3 {font-size:104%;line-height:20px;}
	.main-nav {display:none;}
    .menu-icon {width:15%;margin:0px auto 30px auto;position:relative;width:10%;}
	.main-nav-background {width:100%;height:20px;background-color:#9d4b08;}
	.right-content-area {width:85%;margin:30px;float:left;position:relative;top:1%;}
	.citation-1 {position:relative;font-size:80%;font-style:italic;}
	.left-content-area {width:75%;margin:5px 30px 5px 30px;float:left;}
	.right-content-area {width:85%;margin:10px;padding:10px;float:left;position:relative;top:1%;background-color:#fff;border:0px solid red;border-top-left-radius:2em;}
	.img-banjo-1 {width:90%;margin:20px 3%;border-top-right-radius:0px;}
	.footer-map {float:none;clear:both;border:0px solid #000;padding-bottom:30px;}
	.footer-content {padding:10px;margin:30px 0px;}
	.header-image-not-home-page {}
	.img-head-about {width:95%;margin-left:0px;position:relative;z-index:20;}
	.video-container { width:100%;height:36%;background-image: url('../pics/bg-57412f-90.png');}
	ul {padding-left:10px;}
	.video-width-1 {width:260; height:146px;}
	.vintage-caption {text-align: right;font-size:90%;font-style:italic;position:relative;top:-40px;}
	.video-caption {width:86%;line-height:17px;margin-top:5px;}
}