#comic-main,
#comic-notes,
#content-container {
	background-color: white;
}

footer {
	background-color: #eeeeee;
}

body {
	background: -webkit-linear-gradient(145deg, #ffffff, #eeeeee, #cccccc); 
    background: -o-linear-gradient(145deg, #ffffff, #eeeeee, #cccccc);
    background: -moz-linear-gradient(145deg, #ffffff, #eeeeee, #cccccc);
    background: linear-gradient(145deg, #ffffff, #eeeeee, #cccccc);
	
	background:	url('../comics/chapter1/aspen-l.png') 0% 0% repeat-y,
							url('../comics/chapter1/aspen-l2.png') 10% 0% repeat-y,
							url('../comics/chapter1/aspen-r.png') 100% 0% repeat-y,
							url('../comics/chapter1/aspen-r2.png') 90% 0% repeat-y,
							linear-gradient(145deg, #ffffff, #74D3F2);
}

@media( max-width: 1675px ) {
	body {
		background:	url('../comics/chapter1/aspen-l.png') -5% 0% repeat-y,
								url('../comics/chapter1/aspen-l2.png') 5% 0% repeat-y,
								url('../comics/chapter1/aspen-r.png') 105% 0% repeat-y,
								url('../comics/chapter1/aspen-r2.png') 95% 0% repeat-y,
								linear-gradient(145deg, #ffffff, #74D3F2);
	}
}

@media( max-width: 1500px ) {
	body {
		background:	url('../comics/chapter1/aspen-l.png') -10% 0% repeat-y,
								url('../comics/chapter1/aspen-l2.png') 0% 0% repeat-y,
								url('../comics/chapter1/aspen-r.png') 110% 0% repeat-y,
								url('../comics/chapter1/aspen-r2.png') 100% 0% repeat-y,
								linear-gradient(145deg, #ffffff, #74D3F2);
	}
}

@media( max-width: 1400px ) {
	body {
		background:	url('../comics/chapter1/aspen-l.png') -10% 0% repeat-y,
								url('../comics/chapter1/aspen-r.png') 110% 0% repeat-y,
								linear-gradient(145deg, #ffffff, #74D3F2);
	}
}

@media( max-width: 1250px ) {
	body {
		background:	url('../comics/chapter1/aspen-l.png') -15% 0% repeat-y,
								url('../comics/chapter1/aspen-r.png') 115% 0% repeat-y,
								linear-gradient(145deg, #ffffff, #74D3F2);
	}
}

@media( max-width: 1185px ) {
	body {
		background:	url('../comics/chapter1/aspen-l.png') -20% 0% repeat-y,
								url('../comics/chapter1/aspen-r.png') 120% 0% repeat-y,
								linear-gradient(145deg, #ffffff, #74D3F2);
	}
}

@media( max-width: 1130px ) {
	body {
		background:	linear-gradient(145deg, #ffffff, #74D3F2);
	}
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.comic-nav li {
	background-color: #eeeeee;
}

.comic-nav li:hover,
.comic-nav li:active {
	background-color: transparent;
}

.comic-nav li.disabled {
	background-color: #cccccc;
}

.comic-nav li.disabled a,
.comic-nav li.disabled a:active,
.comic-nav li.disabled a:hover {
	color: gray;
}

nav.navbar {
	background-color: #eeeeee;
}

nav.navbar li:hover,
nav.navbar li:active {
	background-color: #cccccc;
}

.navbar h1,
.navbar a {
	color: black;
}

#comic-notes,
header img {
	border: 1px dashed gray;
}