body { background-image: url('/images/writing2.jpg'); background-size: cover; background-attachment: fixed; padding: 0; margin: 0; 
       background-color: #fff; box-sizing: border-box; }
.back-panel { display: none; position: fixed; bottom: 0; left: 0; right: 0; height: 100px; width: 100%; background-color: #f7f7f7; z-index: -10; }
.outwrap { width: 100%; box-sizing: border-box; z-index: 1; }
.header { background-color: #fff; color: #000; padding: 20px 40px; box-sizing: border-box; }
.header .logo-wrap { border-bottom: 1px solid #777; box-sizing: border-box; }
.header .logo { width: 250px; height: 250px; box-sizing: border-box; }
.header .logo-wrap a { display: block; }
.header .logo-wrap a img { border: 0; box-sizing: border-box; }
.header .links-wrap { display: flex; box-sizing: border-box; flex-direction: row; }
    .header .links-wrap > div span, .header .links-wrap > div a {
        color: #444;
        padding: 4px 20px;
        text-align: center;
        font-family: 'Quicksand', sans-serif;
		box-sizing: border-box;
    }
	.header .links-wrap > div a { color: #444; text-decoration: none; box-sizing: border-box;  }
    .header .links-wrap .last { margin: 5px 0 5px auto; }
    .header .links-wrap a { display: inline-block; margin: 3px 10px; !important; padding: 0 !important; }
.banner {
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    text-align: center;
    padding: 200px 30px;
    font-family: 'Cormorant Unicase', serif;
    font-size: 40px;
	max-width: 100%;
	box-sizing: border-box;
}
.banner.subpage { padding: 50px 30px; box-sizing: border-box; }
.books, .csbooks {
    background-color: #f7f7f7;
    padding: 50px 0;
	box-sizing: border-box;
}
.csbooks { padding-bottom: 120px; }
.books .book-wrap, 
.csbooks .book-wrap { display: flex; flex-direction: row; max-width: 900px; margin: 0 auto; box-sizing: border-box; }
.books .book-wrap .txt, 
.csbooks .book-wrap .txt { color: #000; font-family: 'Nanum Myeongjo', serif; padding: 120px 20px; box-sizing: border-box; }
.books .book-wrap .txt .ttl, 
.csbooks .book-wrap .txt .ttl { color: #000; font-size: 50px; margin-bottom: 15px; box-sizing: border-box; }
.books .book-wrap .txt .date, 
.csbooks .book-wrap .txt .date { color: #000; font-size: 22px; margin-bottom: 15px; box-sizing: border-box; }
.books .book-wrap .txt .blurb, 
.csbooks .book-wrap .txt .blurb { color: #000; font-family: 'Quicksand', sans-serif; box-sizing: border-box; }
.books .book-wrap .cover, 
.csbooks .book-wrap .cover { padding: 20px; box-sizing: border-box; min-width: 33%; }
.books .book-wrap .cover img, 
.csbooks .book-wrap .cover img { width: 400px; max-width: 100%; border: 2px solid #777; box-sizing: border-box; }

.books .video-wrap, .csbooks .video-wrap { display: block; max-width: 900px; margin: 0 auto; box-sizing: border-box; }
.books .video-wrap video, .csbooks .video-wrap video { width: 100%; max-width: 900px; box-sizing: border-box;  }
.quote { }
.about { }
.videos { }
.contact { }
.subscribe { }
.footer { }
@media only screen and (max-width: 900px) {
	.back-panel { height: 170px; }
}
@media only screen and (max-width: 800px) {
	.books .book-wrap .txt, 
	.csbooks .book-wrap .txt { padding: 60px 10px; }
}
@media only screen and (max-width: 600px) {
	.books .book-wrap { flex-direction: column; }
	.csbooks .book-wrap { flex-direction: column-reverse; }
	.books, .csbooks { padding: 0; }
	.books .book-wrap .txt, 
	.csbooks .book-wrap .txt { padding: 30px 10px; }
	.banner { padding: 50px 30px; }
	.books .book-wrap .cover, 
	.csbooks .book-wrap .cover { text-align: center; }
	.header .logo-wrap a { text-align: center; }
	.back-panel { height: 10px; }
	
	.header .links-wrap { flex-direction: column; }
	.header .links-wrap > div { text-align: center; }
	.header .links-wrap > div a,
	.header .links-wrap > div span { padding: 10px 0; display: inline-block; }
	.header .links-wrap .last { margin: 5px auto; }
	.header { padding-bottom: 5px; }
}