.navbar-toggler {
    border: 0px solid transparent;
}
.bg-light {
    background-color: #fff !important;
}
.fixed-top {
    border-bottom: #ccc 1px solid;
}
main {
	margin-top: 55px;
}
body.pencil {
	background-image: url("https://crunchypencil.com/images/normstrip333.jpg");
	background-repeat: no-repeat;
	background-position: right 50px;
	background-attachment: fixed;
    
}
h1 {
	font-family: georgia, serif;
	font-size: 36px;
	font-style: italic;
	color: #666;
	margin-top: 20px;
}
h2 {
	font-family: georgia, serif;
	font-size: 24px;
	font-style: italic;
	color: #666;
	margin-top: 30px;
}
h1 span.orange {
	color: #FF8C00;
	display: block;
}
p.year {
       color: #999;
}
img.imgwid {
	width: auto;
}
.navbar-brand {
    position: absolute;
    right: 20px;
	font-family: georgia, serif;
	font-size: 18px;
	font-style: italic;
	color: #FF8C00 !important;
}
.navbar-brand span.gray {
	color: #666 !important;
}
.footext {
	font-size: 1em;
	color: #666;
	margin: 30px 0px 20px 0px;
}
.marginauto {
	margin: 0 auto;
}
.text1 {
	text-align: left;
	color: #666;
}
table.gallerytable1 a,table.gallerytable a, a.linkstyl, a.sitelink {
	color: #FF8C00;
}
table.gallerytable1 td {
	padding: 5px 20px 5px 0px;
}
table.gallerytable {
	width: auto;
	margin: 0 auto;
}
button {
        background: #FF8C00;
        color: black;
        padding: 10px 20px;
        border-radius: 25px;
        border: 0px;
}

@media (max-width: 576px) { 
	img.imgwid {
		width: 100%;
	}
	body.pencil {
		background-position: 110% 50px;
		
	}
	body.pencil main {
		padding-right: 60px;
	}
}

@media (max-width: 767px) { 
	.navbar-brand {
		position:relative;
		right: auto;
	}
	table.gallerytable,table.gallerytable td.galleryimg img {
		width: 100% !important;
	}
}