@charset "utf-8";
/* CSS Document */

html {
	/* Prevent font scaling in landscape while allowing user zoom */
    -webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	padding: 0;
	color: #333333;
	font-family: "Century Gothic";
	font-size: 1em;
	line-height: 160%;
	font-weight: normal;
}
a:link {
	color: #0033CC;
	text-decoration: none;
}
a:visited {
	color: #003399;
}
a:hover, a:active, a:focus {
	color: #0099CC;
}


/* resets the box model */
.row, 
.column {
    box-sizing: border-box;
}

/* clears the floating elements on the row to maintain the structure of the layout  */
.row:before,
.row:after {
    content: " ";
    display: table;
}
.row:after {
    clear: both;
}

/* clear the floating elements on the row to maintain the structure of the layout */
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* sets the container */
.container {
	width: 100%;
	margin: auto;
	background-color: #eeeeee;
}

/* Columns */
/* defines the column common styles */
.column {
    position: relative;
    float: left;
		display: block;
}
.column + .column { /* sets the gutters except column 1 */
	margin: 0 1.6%;

}

/* using a 12 column grid */
.column-1 {
	width: 6.86666666667%;
}
.column-2 {
	width: 15.3333333333%;
}
.column-3 {
	width: 23.8%;
}
.column-4 {
	width: 32.2666666667%;
}
.column-5 {
	width: 40.7333333333%;
}
.column-6 {
	width: 49.2%;
}
.column-7 {
	width: 57.6666666667%;
}
.column-8 {
	width: 66.1333333333%;
}
.column-9 {
	width: 74.6%;
}
.column-10 {
	width: 83.0666666667%;
}
.column-11 {
	width: 91.5333333333%;
}
.column-12 {
	width: 100%;
}
/* End Columns */

/* Header area */
header {
	text-align: center;
}
h1 {
	font-size: 3em;
	color: #333333;
	font-weight: normal;
	letter-spacing 3px:
	font-family: Papyrus;
	font-family: Papyrus;
	margin-bottom: 10px;
	margin-top: 30px;
	line-height: normal;
}
h2 {
	font-size: 1.2em;
	color: #333333;
	text-align: center;
	font-weight: normal;
	font-family: "Bookman Old Style";
}
header p {
	text-align: center;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	color: #333;
	font-size: .9em;
}
p {
	margin-top: 30px;
	font-size: 1.1em;
	line-height: 140%;
	margin-bottom: 30px;
	font-family: "Bookman Old Style";
}

ul {
	line-height: 120%;
	margin-top: 26px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: -20px;
	font-family: "Bookman Old Style";
}
hr {
	color: #9CF;
}

.gallery 
{
    width: 100%;
    list-style: none;
		text-align: center;
    display: flex;
		justify-content: center;
}
.gallery li {
    width: 33%;
    margin-right: 5%;
    display: inline-block;
    overflow: hidden;
    word-spacing: normal;
    border: solid 1px #cccccc;
		border-radius: 14px;
    word-spacing: normal;
		padding: 10px;
		background-color: #ffffff;
		text-align: left;
		margin-top: 0px;
		margin-right: 10px;
		margin-bottom: 10px;
		margin-left: 10px;
}

p.techniques {
	margin-left:10px;
	margin-top: 6px;
	margin-bottom: 6px;
	font-size: .9em;
}

hi.papyrus {
	font-family: Papyrus;
	font-size: 2em;
	font-weight: bold;
}
h2.papyrus {
	font-family: Papyrus;
	font-size: 1.6em;
	font-weight: bold;
}
img.booklet {
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
	text-align: center;
}
img.booklet2 {
	max-width: 100%;
	height: auto;
	margin-bottom: 0px;
}
.rightbox blockquote {
	text-aligm: center;
	font-size: 1em;
	font-spacing: 1.15em;
	margin-top: 20px;
	margin-left: 40px;
}
.rightbox .buy {
	margin-left: 11%;
	margin-top: 12px;
}
.papyrus {
	font-family: Papyrus;
}

/* footer formatting */
footer {
	color: #333;
	font-size: .8em;
	font-weight: normal;
	font-family: "EB Garamond", serif;
	text-align: center;
}
	
.eb-garamond-<uniquifier> {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
}

/* Miscellaneous classes */
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.floatleft {
	float: left;
}
.floatright{
	float: right;
	margin-left: 6px;
}
.smalltxt {
	font-size: 80%;
}

@media only screen and (max-width: 820px) {

		/* sets the container */
		.container {
			width: 100%;
		}
		.column-1, 
    .column-2, 
    .column-3, 
    .column-4, 
    .column-5, 
    .column-6, 
    .column-7, 
    .column-8, 
    .column-9, 
    .column-10, 
    .column-11, 
    .column-12 {
        width: auto;
        float: none;
				margin: 0;
    }
		
		/* removes left gutters */
    .column + .column { 
        margin: 0;
		}
		
		.gallery {
			flex-wrap: no-wrap;
		}

@media only screen and (max-width: 768px) {
		.column-1 {
			height: 0;
		}
		.column-8 {
			padding-right: 12px;
		}
		.lifloat li {
			display: block;
			width: 90%;
		}

/* adjusts the width of the columns to fit full width */
@media only screen and (max-width: 640px) {
	.lifloat li {
	display: block;
	}	
}

@media only screen and (max-width: 480px) {
		
}

@media only screen and (max-width: 360px) {
		
}

@media only screen and (max-width: 320px) {
			
}