/*
-=-------------------------------=-
 *             C S S             *
 *  ~-~-~-~-~-~-~-~-~-~-~-~-~-~  *
 *            M A I N            *
 *  ~-~-~-~-~-~-~-~-~-~-~-~-~-~  *
 *               *               *
 *          Box Sizing           *
 *          Background           *
 *       Background Color        *
 *       Background Image        *
 *      Background Position      *
 *        Background Size        *
 *            Border             *
 *             Clear             *
 *            Content            *
 *            Display            *
 *            Margin             *
 *	         Min Width           *
 *           Max Width           *
 *            Outline            *
 *  ~-~-~-~-~-~-~-~-~-~-~-~-~-~  *
 *     Design by Anna Greco      *
 *     www.houseofgreco.com      *
 *        Copyright 2026         *
-=-------------------------------=-
*/


/*	-=------=-
	 * BODY *
	-=------=-  */

	/*	-=---------=-
		 * GENERAL *
		-=---------=-  */

		* {
			box-sizing: border-box;
		}

		body {
			background-position: unset;
			background-repeat: repeat;
			margin: 0;
 			min-width: 350px;
			max-width: 1300px;
		}

		body.basalt,
		.basalt {
			background-color: #21262C;
			background-image: url('../images/bones/backgrounds/basalt-1300.jpg');
		}

		body.scarlet,
		.scarlet {
			background-color: #3F2711;
			background-image: url('../images/bones/backgrounds/scarlet-1300.jpg');
		}

		body.olive,
		.olive {
			background-color: #29391B;
			background-image: url('../images/bones/backgrounds/olive-1300.jpg');
		}

		body.pdf {
			background: transparent;
			min-width: unset;
			max-width: unset;
		}

		.row:after {
			clear: both;
			content: "";
			display: table;
		}

		button:focus,
		button:focus-visible {
			outline: none;
		}

		.margin-auto {
			margin: auto;
		}

		.cursor-default {
			cursor: default;
		}

		.cursor-pointer {
			cursor: pointer;
		}

		.i {
			font-style: italic;
		}

		.no-cursor {
			cursor: default !important;
		}

		.no-print {
		
		}

		.pdf {
			color: black !important;
			text-shadow: none !important;
		}

		.sheet-of-paper p.thank-you-note {
			letter-spacing: 0.5px;
			line-height: 1.3 !important;
		}

		.width-unset {
			width: unset !important;		
		}

		.width-50 {
			width: 50%;
		}

	/*	-=-------------=-
		 * PAPER CUBBY *
		-=-------------=-  */

		.paper-cubby-cabinet {
			display: flex;
			flex-direction: row;		
		}

		.paper-cubby {
			display: flex;
			flex-direction: column;		
		}

	/*	-=----------=-
		 * DIVIDERS *
		-=----------=-  */

		.links hr {
		    margin: 10px 9px 0px 9px;
		}

		.links hr {
		    margin: 10px 0px 0px 0px;
		}

		/*	-=-----------------------=-
			 * LINE WITH JUMP TO TOP *
			-=-----------------------=-  */

			.content hr {
				background: none;
				border-top: 1px solid rgba(170, 150, 100, 0.45);
				border-right: 1px solid rgba(155, 145, 100, 0.5);
				border-bottom: 2px solid #EFE2C1;
				border-left: 1px solid rgba(155, 145, 100, 0.5);
				margin: 0;
				padding: 0;
			}

			hr.hr-125 {
				margin: 0px auto 2px auto;
				width: 125px;
			}

			hr.half {
				margin: auto;
				width: 50%;
			}

			.wheel-on-hr-wrap {
				margin: 10px 0px 0px 0px;
				position: relative;
			}

			.wheel-on-hr {
				font-family: 'Bodoni Ornaments';
				font-size: 20px;
			}

			.wheel-on-hr.center {
				position: absolute;
				top: -9px;
				right: 50%;
				left: 50%;
			}

			.content a.top-link {
				text-decoration: none;
			}

		/*	-=---------=-
			 * TOOLTIP *
			-=---------=-  */

			.tooltip {
				color: rgba(85, 65, 25, 0.65);
				display: inline-block;
				text-shadow: 0px 0px 1px rgba(80, 60, 20, 0.25), 0px 0px 5px rgba(80, 60, 20, 0.25);
				position: relative;
				    left: -9px;
			}

			.tooltip:hover {
				color: rgba(50, 40, 20, 0.65);
				text-shadow: 0px 0px 2px rgba(80, 75, 55, 0.5), 0px 2px 4px rgba(240, 240, 200, 0.6), 0px 0px 0px rgba(175, 150, 65, 0.75), 0px 0px 0px rgba(185, 165, 80, 0.9), 0px 0px 3px rgba(0, 200, 180, 0.25), 0px 0px 15px rgba(0, 200, 160, 0.35), 0px 0px 40px rgba(0, 200, 160, 0.5);
			}

			.tooltip .tooltiptext {
				border-radius: 100px;
				font-family: Baskerville;
				opacity: 0;
				transition: opacity 1s ease;
				padding: 20px 0px 0px 0px;
				position: absolute;
					right: -28px;
					bottom: -12px;
				visibility: hidden;
				width: 60px;
				height: 80px;
				z-index: 1;
			}

				.history .tooltip .tooltiptext {
						right: -20px;
				}

			.tooltip:hover .tooltiptext {
				opacity: 1;
				visibility: visible;
			}

	/*	-=----------=-
		 * TYPEFACE *
		-=----------=-  */

		.font-22 {
			font-size: 22px;
		}

		.font-23-i,
		.thank-you-note {
			font-size: 23px !important;
		}

		.font-25 {
			font-size: 25px;
		}

			.font-25-i {
				font-size: 25px !important;
			}

		.bodoni.font-25 {
			font-size: 25px;
		}

		li {
			line-height: 1.8;
		}

		.padding-0 {
			padding: 0;
		}

			.padding-0-i {
				padding: 0 !important;
			}

		.text-align-left {
			text-align: left;
		}

			.text-align-left-i {
				text-align: left !important;
			}

		.text-align-center,
		.sheet-of-paper p.thank-you-note {
			text-align: center;
		}

			.text-align-center-i {
				text-align: center !important;
			}

		.text-align-right {
			text-align: right;
		}

			.text-align-right-i {
				text-align: right !important;
			}

		.invisible {
			color: rgba(0, 0, 0, 0);
			font-size: 0px;
			height: 0;
		}

		.nudge-once {
			padding: 0px 0px 0px 30px;
		}

			.nudge-once-i {
				padding: 0px 0px 0px 30px !important;
			}

		.nudge-twice {
			padding: 0px 0px 0px 30px;
		}

			.nudge-twice-i {
				padding: 0px 0px 0px 60px !important;
			}

		.sheet-of-paper li a,
		.sheet-of-paper p a {
			border-bottom: 2px solid rgba(40, 190, 160, 0.25);
							-moz-transition: 0.5s ease;
						-ms-transition: 0.5s ease;
					-o-transition: 0.5s ease;
				-webkit-transition: 0.5s ease;
			transition: 0.5s ease;
		}

		.sheet-of-paper li a:hover,
		.sheet-of-paper p a:hover {
			text-shadow: 0px 0px 2px rgba(80, 75, 55, 0.25), 0px 2px 4px rgba(240, 240, 200, 0.25), 0px 0px 0px rgba(45, 35, 0, 0.25), 0px 0px 0px rgba(25, 20, 0, 0.25), 0px 0px 3px rgba(0, 200, 180, 0.25), 0px 0px 15px rgba(0, 200, 160, 0.35), 0px 0px 40px rgba(0, 200, 160, 0.5);
		}

		.dive-deeper {
			border-top-left-radius: 10px 13px;
			border-top-right-radius: 13px 10px;
			border-bottom-left-radius: 13px 10px;
			border-bottom-right-radius: 10px 13px;
			border-top-left-radius: 150px 3px;
			border-top-right-radius: 3px 100px;
			border-bottom-left-radius: 150px 3px;
			border-bottom-right-radius: 3px 100px;
		    padding: 25px 30px 25px 30px;
			text-align: center;
							-moz-transition: 0.5s ease;
						-ms-transition: 0.5s ease;
					-o-transition: 0.5s ease;
				-webkit-transition: 0.5s ease;
			transition: 0.5s ease;
		}

		.dive-deeper.blue {
			background: rgba(0, 190, 210, 0.30);
		}

			.note .dive-deeper.blue a,
			.note .dive-deeper.blue a:hover {
				color: #152828;
			}

		.dive-deeper.white {
			background: rgba(255, 255, 255, 0.4);
		}

			.note .dive-deeper.white a,
			.note .dive-deeper.white a:hover {
				color: #4C442F;
			}

		.dive-deeper.peach {
			background: rgba(250, 215, 170, 0.6);
		}

			.note .dive-deeper.peach a,
			.note .dive-deeper.peach a:hover {
				color: #5B441B;
			}

		.dive-deeper.orange {
			background: rgba(255, 165, 40, 0.3);
		}

			.note .dive-deeper.orange a,
			.note .dive-deeper.orange a:hover {
				color: #4A381A;
			}

		.dive-deeper.yellow {
			background: rgba(250, 250, 160, 0.5);
		}

			.note .dive-deeper.yellow a,
			.note .dive-deeper.yellow a:hover {
				color: #403C20;
			}

		.dive-deeper.olive {
			background: rgba(90, 140, 0, 0.4);
		}

			.note .dive-deeper.olive a,
			.note .dive-deeper.olive a:hover {
				color: #2B3012;
			}

		.dive-deeper.green {
			background: rgba(0, 115, 10, 0.45);
		}

			.note .dive-deeper.green a,
			.note .dive-deeper.green a:hover {
				color: #162A0E;
			}

		.dive-deeper.jade {
			background: rgba(0, 100, 90, 0.5);
		}

			.note .dive-deeper.jade a,
			.note .dive-deeper.jade a:hover {
				color: #0C2315;
			}

		.dive-deeper.groovy {
			background: transparent;
		}

		.dive-deeper .go-link-wrap {
			border: 0px solid red;
			display: block;
		    height: 60px;
		}

		.dive-deeper .go-link {
			border: 0px solid green;
		    border-bottom: 2px solid rgba(40, 190, 160, 0.25);
			cursor: pointer;
			font-family: Bodoni;
			font-size: 23px;
			text-align: center;
							-moz-transition: 0.25s ease;
						-ms-transition: 0.25s ease;
					-o-transition: 0.25s ease;
				-webkit-transition: 0.25s ease;
			transition: 0.25s ease;
		}

		.dive-deeper .go-link:hover {
			cursor: pointer;
			text-shadow: 0px 0px 2px rgba(80, 75, 55, 0.25), 0px 2px 4px rgba(240, 240, 200, 0.25), 0px 0px 0px rgba(45, 35, 0, 0.25), 0px 0px 0px rgba(25, 20, 0, 0.25), 0px 0px 3px rgba(0, 200, 180, 0.25), 0px 0px 15px rgba(0, 200, 160, 0.35), 0px 0px 40px rgba(0, 200, 160, 0.5);
		}

		/*	-=-------------=-
			 * YELLOW TEXT *
			-=-------------=-  */

			.yellow-text {
				background: transparent;
				border: 0;
				color: #EFD577;
				display: block;
				font-size: 25px;
				font-weight: 900;
				letter-spacing: 2px;
				padding: 15px 15px 13px 15px;
				text-align: center;
				text-shadow: none;
				text-transform: capitalize;
								-moz-transition: 0.1s ease;
							-ms-transition: 0.1s ease;
						-o-transition: 0.1s ease;
					-webkit-transition: 0.1s ease;
				transition: 0.1s ease;
				width: 100%;
			}

				#home .logo-menu-button .yellow-text {
					padding: 7px 15px 0px 15px;
					height: 57px;
				}

				#home .aqua-round .yellow-text {
					letter-spacing: 3.5px;
					text-shadow: 1px 1px 1px #295944, -1px -1px 1px rgba(205, 185, 135, 0.5);
				}

				.slim .yellow-text {
					font-size: 20px;
					padding: 5px 9px 6px 9px;
				}

			.aqua-round .yellow-text:hover {
				color: rgba(70, 45, 10, 0.75);
				text-decoration: none;
				cursor: pointer;
			}

				#home .aqua-round .yellow-text:hover {
					color: #EFD577;
					text-decoration: none;
					cursor: pointer;
				}

			.yellow-text-select {
				font-size: 115%;
				letter-spacing: 1px;
				padding: 5px 12px 5px 7px;
			}

			.yellow-text.home {
				color: #C2BC81;
				text-shadow: 0px 3px 3px black;
				text-transform: initial;
			}

				.yellow-text.transparent {
					background: transparent;
				}

		/*	-=-----------=-
			 * AQUA TEXT *
			-=-----------=-  */

				.yellow-text.aqua-text {
					color: rgba(145, 255, 195, 0.6);
					text-shadow: none;
				}

				.main-menu-first-row.aqua a {
					color: rgba(145, 255, 195, 0.6);
					text-shadow: 1px 2px 10px #0F0900, 0px 0px 40px #0F0900;
					text-transform: uppercase;
				}


	/*	-=------=-
		 * PAGE *
		-=------=-  */

		.page {
			border: 0;
			padding: 0;
		}

			.sheet-of-paper p {
				font-family: 'Poppins Light';
				font-size: 18px;
				font-weight: 900;
				line-height: 1.55;
				margin: 0;
				padding: 0;
			}

				.sheet-of-paper p.text-align-center {
					text-align: center !important;
				}

		.page a {
			text-decoration: underline;
			text-decoration-color: #A28C7C;
							-moz-transition: 0.5s ease;
						-ms-transition: 0.5s ease;
					-o-transition: 0.5s ease;
				-webkit-transition: 0.5s ease;
			transition: 0.5s ease;
		}

		.page a:hover,
		.page a.active {
			text-shadow: 0px 0px 2px rgba(80, 75, 55, 0.5), 0px 2px 4px rgba(240, 240, 200, 0.6), 0px 0px 0px rgba(45, 35, 0, 0.75), 0px 0px 0px rgba(25, 20, 0, 0.9), 0px 0px 3px rgba(0, 200, 180, 0.25), 0px 0px 15px rgba(0, 200, 160, 0.35), 0px 0px 40px rgba(0, 200, 160, 0.5);
		}

		.patron a {
			text-decoration-color: rgba(80, 60, 20, 0.25);
			text-decoration-thickness: from-font;		
		}

	/*	-=------=-
		 * JUMP *
		-=------=-  */

		.jump-wrap {
			margin: 0px 25px 0px 25px;
			position: relative;
				top: -22px;
		}

		.jump {
			margin: auto;
			width: 50%;
		}

		.jump td {
			text-align: center;
		}

		.jump .bouquet-bullet {
			color: #40270E;
			font-size: 17px;
			text-shadow: 0px 0px 1px black;
							-moz-transition: 0.5s ease;
						-ms-transition: 0.5s ease;
					-o-transition: 0.5s ease;
				-webkit-transition: 0.5s ease;
			transition: 0.5s ease;
		}

		.jump .bouquet-bullet:hover {
			color: #40270E;
			text-shadow: 0px 0px 1px #CDA276;
		}

	/*	-=--------=-
		 * ARROWS *
		-=--------=-  */

		.jump-up-arrow-wrap {
		    display: inline-block;
			position: relative;
			width: 30px;
		}

		.jump-up-arrow {
    		filter: hue-rotate(13deg) saturate(1.5) brightness(0.5);
			position: absolute;
				top: -28px;
				left: -7px;
			width: 42px;
		}

		.download-down-arrow {
			font-size: 30px;
		}

	/*	-=--------=-
		 * SPACES *
		-=--------=-  */

		.height-0 {
			.height: 0;
		}

		.height-3 {
			height: 3px;
		}

		.height-5 {
			height: 5px;
		}

		.height-8 {
			height: 8px;
		}

		.height-10 {
			height: 10px;
		}

		.height-15 {
			height: 15px;
		}

		.height-20 {
			height: 20px;
		}

		.height-25 {
			height: 25px;
		}

		.height-30 {
			height: 30px;
		}

		.height-35 {
			height: 35px;
		}

		.height-40 {
			height: 40px;
		}

		.height-45 {
			height: 45px;
		}

		.height-50 {
			height: 50px;
		}

		.height-75 {
			height: 75px;
		}

		.height-100 {
			height: 100px;
		}

		.dormant,
		.hide-this {
			display: none;
		}

		.margin-0 {
			margin: 0;
		}

		.margin-0-i {
			margin: 0 !important;
		}

	/*	-=------------=-
		 * SCROLLBARS *
		-=------------=-  */

		::-webkit-scrollbar {
			width: 15px;
		}

		::-webkit-scrollbar-track {
			background: #3F2711;
			border: 1px solid rgba(110, 120, 65, 0.3);
			border: 0;
			border-radius: 20px;
			box-shadow: inset 0px 0px 3px 2px rgba(5, 5, 5, 0.9);
		}

			::-webkit-scrollbar-track:horizontal {
				background: rgba(110, 120, 65, 0.05);
				box-shadow: inset 0px 0px 3px 2px rgba(110, 120, 65, 0.3);
			}

		::-webkit-scrollbar-thumb {
			background: #9E8F55 url('../images/bones/scrollbars/mineral-bronze-scrollbar.jpg');
			background-size: 126%;
			background-position: 50px 36px;
			border: 1px solid #928359;
			border-radius: 7px;
			box-shadow: inset 0px 0px 0px 1px rgba(75, 65, 45, 0.65), 0px 2px 4px 2px rgba(55, 45, 30, 0.5);
			height: 201px;
			min-height: 201px;
		}

			::-webkit-scrollbar-thumb:horizontal,
			::-webkit-scrollbar-thumb:hover:horizontal {
				background: #9E8F55 url('../images/bones/scrollbars/plant-wooden-scrollbar.jpg');
				background-size: 100%;
				box-shadow: inset 0px 0px 0px 1px rgba(75, 65, 45, 0.65);
			}

		::-webkit-scrollbar-thumb:hover {
			background: #9E8F55 url('../images/bones/scrollbars/mineral-bronze-scrollbar-hover.jpg');
			background-size: 234%;
			cursor: pointer;
		}

		::-webkit-scrollbar-corner {
			background: rgba(110, 120, 65, 0.3);
			border: 1px solid rgba(110, 120, 65, 0.3);
			box-shadow: inset 0px 0px 3px 2px rgba(110, 120, 65, 0.3);
			border-radius: 20px;
		}

	/*	-=--------=-
		 * TABLES *
		-=--------=-  */

		table {
			border: 0px solid black;
			border-collapse: collapse;
			width: 100%;
		}

		.celadon-table th,
		.celadon-table td {
			border: 1px solid #6C7840;
			padding: 5px 10px 0px 10px;
			line-height: 1.25;
		}

	/*	-=---------=-
		 * CONTENT *
		-=---------=-  */

		.page-title {
			background: linear-gradient(135deg, #1E1E1E 25%, transparent 25%) -48px 0, linear-gradient(225deg, #1E1E1E 25%, transparent 25%) -48px 0, linear-gradient(315deg, #1E1E1E 25%, transparent 25%), linear-gradient(45deg, #1E1E1E 25%, transparent 25%);
			background-color: #262626;
			background-size: 1.22em 1.124em;
			border-bottom: 1px solid rgba(255, 255, 255, 0.2);
			box-shadow: inset 0px 3px 7px 1px rgba(0, 0, 0, 0.5);
			position: relative;
			height: 60px;
		}

		.page-title.invisible {
			display: none;
		}

		.content {
			background-color: #E3D7B9;
			background-image: url('../images/bones/backgrounds/limestone-wall-1300.jpg');
			background-position: top center;
			background-repeat: repeat;
			background-size: 100%;
			box-shadow: inset 0px 3px 7px 1px rgba(0, 0, 0, 0.5);
			color: #363636;
			font-size: 110%;
			letter-spacing: .5px;
			padding: 30px;
			min-height: 500px;
		}

		.content a:hover,
		.content a.active,
		.plain-text-accordion:hover {
			color: rgba(50, 40, 20, 0.65);
			text-shadow: 0px 0px 2px rgba(80, 75, 55, 0.5), 0px 2px 4px rgba(240, 240, 200, 0.6), 0px 0px 0px rgba(175, 150, 65, 0.75), 0px 0px 0px rgba(185, 165, 80, 0.9), 0px 0px 3px rgba(0, 200, 180, 0.25), 0px 0px 15px rgba(0, 200, 160, 0.35), 0px 0px 40px rgba(0, 200, 160, 0.5);
		}

	/*	-=--------=-
		 * IMAGES *
		-=--------=-  */

		img {
			width: 100%;			
		}

		.about-image {
			display: flex;
			justify-content: center;
		}

	/*	-=----------=-
		 * SPECIFIC *
		-=----------=-  */

		/*	-=-----------=-
			 * ACCORDION *
			-=-----------=-  */

			.accordion {
				background: transparent;
    			border: 0;
				cursor: pointer;
				width: 100%;
								-moz-transition: 0.4s ease;
							-ms-transition: 0.4s ease;
						-o-transition: 0.4s ease;
					-webkit-transition: 0.4s ease;
				transition: 0.4s ease;
			}

			.history .panel {
				margin-left: 20px;
				position: relative;
					top: 10px;
			}

				.history .panel.sub-panel {
					margin: 0px 0px 35px 0px;
					position: relative;
						top: 5px;
				}

		/*	-=-------------------------------=-
			 * ANNA IN GOD'S WILL - TIMELINE *
			-=-------------------------------=-  */

			.gain {
				background: rgba(195, 220, 135, 0.5);
			    margin: 0px 20% 0px 20%;
				padding: 12px 20px 15px 20px;
				width: 75%;
			}

			.steady {
				background: rgba(230, 230, 120, 0.5);
			    margin: 0px 20% 0px 20%;
				padding: 12px 20px 15px 20px;
				width: 75%;
			}

			.loss {
				background: rgba(185, 65, 45, 0.25);
			    margin: 0px 20% 0px 20%;
				padding: 12px 20px 15px 20px;
				width: 75%;
			}

			.gain p,
			.loss p {
				margin: 0;
				padding: 0;
			}

		/*	-=---------------=-
			 * MINI TEXT BOX *
			-=---------------=-  */

			.mini-text-box {
				margin: auto;
				padding: 0;
				width: 350px;
			}

		/*	-=-----------------=-
			 * TEXT OVER IMAGE *
			-=-----------------=-  */

			.text-over-image-wrap {
				float: left;
			}

			.image {
				display: block;
				width: 100%;
				height: auto;
			}

			.overlay {
				background-color: #67A67D;
				opacity: 0;
				position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
								-moz-transition: 0.5s ease;
							-ms-transition: 0.5s ease;
						-o-transition: 0.5s ease;
					-webkit-transition: 0.5s ease;
				transition: 0.5s ease;
				width: 150px;
				height: 80px;
			}

		/*	-=-----------------------------=-
			 * CATEGORY IMAGE & PAGE TITLE *
			-=-----------------------------=-  */

			.category-image,
			.for-sale-image {
				display: block;
				width: 350px;
			}

				.category-image {
					margin: 7px auto 0px auto;
				}

				.for-sale-image {
					margin: 15px auto 7px auto;
				}

			.category-image img {
				box-shadow: none;
			}

		/*	-=----------------=-
			 * SHEET OF PAPER *
			-=----------------=-  */

				.sheet-of-paper {
					margin: 0px auto 45px auto;
					padding: 0px 25px 0px 25px;
									-moz-transition: 0.2s ease;
								-ms-transition: 0.2s ease;
							-o-transition: 0.2s ease;
						-webkit-transition: 0.2s ease;
					transition: 0.2s ease;
					max-width: 950px;
				}

				.sheet-of-paper:hover {
					filter: brightness(1.1) hue-rotate(-5deg);
				}

					.sheet-of-paper.no-hover:hover {
						filter: unset;
					}

					.sheet-of-paper.left {
						padding: 0px 25px 0px 50px;
								-moz-transform: rotate3d(-21, 5, -5, 7deg);
						    -webkit-transform: rotate3d(-21, 5, -5, 7deg);
					    transform: rotate3d(-21, 5, -5, 7deg);
					    width: 50%;
					}

						.sheet-of-paper.left:hover {
									-moz-transform: rotate3d(-21, 5, -5, -7deg);
								-webkit-transform: rotate3d(-21, 5, -5, -7deg);
							transform: rotate3d(-21, 5, -5, -7deg);
						}

						.sheet-of-paper.left.no-hover:hover {
							filter: unset;
									-moz-transform: rotate3d(-21, 5, -5, 7deg);
								-webkit-transform: rotate3d(-21, 5, -5, 7deg);
							transform: rotate3d(-21, 5, -5, 7deg);
						}

					.sheet-of-paper.right {
						padding: 0px 50px 0px 25px;
								-moz-transform: rotate3d(-21, 5, -5, -7deg);
						    -webkit-transform: rotate3d(-21, 5, -5, -7deg);
					    transform: rotate3d(-21, 5, -5, -7deg);
					    width: 50%;
					}

						.sheet-of-paper.right:hover {
									-moz-transform: rotate3d(-21, 5, -5, 7deg);
								-webkit-transform: rotate3d(-21, 5, -5, 7deg);
							transform: rotate3d(-21, 5, -5, 7deg);
						}

						.sheet-of-paper.right.no-hover:hover {
									-moz-transform: rotate3d(-21, 5, -5, -7deg);
								-webkit-transform: rotate3d(-21, 5, -5, -7deg);
							transform: rotate3d(-21, 5, -5, -7deg);
						}

					.sheet-of-paper.no-hover .note:hover,
					.sheet-of-paper.left.no-hover .note:hover,
					.sheet-of-paper.right.no-hover .note:hover {
						cursor: default;
					}

					.pdf.sheet-of-paper {
						margin: auto;
						padding: 0;
						width: 660px;
						max-width: unset;
					}

		/*	-=----------------=-
			 * FLEX CONTAINER *
			-=----------------=-  */

				.flex-container {
					display: flex;
					flex-direction: row;
				}

					.flex-container.slim {
/*						display: block;				*/
						width: 90%;
					}

				.flex-container .full {
					flex: 100%;
					padding: 50px 65px 50px 65px;
				}

				.flex-container.half {
					flex: 50%;
					padding: 50px 65px 50px 65px;
				}

				.flex-container .left {
					flex: 30%;
					padding: 50px 65px 50px 65px;
				}

					.parchment .flex-container .left {
						padding: 40px 40px 40px 40px;
					}

					.wrap-text {
						float: left;
						padding: 0px 40px 40px 0px;
					}

				.flex-container .right {
					flex: 70%;
					padding: 50px 65px 50px 0px;
				}

					.flex-container .right {
						padding: 40px 40px 40px 0px;
					}

				.flex-container .full {
					flex: 100%;
					padding: 0px 0px 0px 0px;
				}

					.flex-container .one.button {
						flex: 100%;
						padding: 10px 0px 0px 0px;
					}

					.flex-container .left.button {
						flex: 25%;
						float: left;
						padding: 0px 10px 0px 0px;
					}

					.flex-container .left.with-center.button {
						flex: 25%;
						float: left;
						padding: 0px 15px 0px 0px;
					}

						.flex-container.slim .left.with-center.button {
							padding: 0px 7px 7px 0px;
						}

					.flex-container .center.button {
						flex: 25%;
						float: left;
						padding: 0px 10px 0px 15px;
					}

						.flex-container.slim .center.button {
							padding: 0px 7px 7px 0px;
						}

					.flex-container .right.with-center.button {
						background: none;
						flex: 25%;
						float: left;
						padding: 0px 0px 0px 20px;
					}

						.flex-container.slim .right.with-center.button {
							padding: 0px 0px 7px 7px;
						}

					.flex-container .right.button {
						background: none;
						flex: 25%;
						float: left;
						padding: 0px 0px 0px 20px;
					}

		/*	-=-------------=-
			 * CLASSIFIEDS *
			-=-------------=-  */

			.classifieds {
				background: transparent;
			}

			.classifieds-csdr {
				box-shadow: 0px 15px 10px 5px #221407;
				border-bottom: 2px solid rgba(80, 50, 15, 0.35);
			}

			.classifieds p {
				color: rgba(145, 255, 195, 0.6);
				display: block;
				font-size: 23px;
				letter-spacing: 1px;
				font-weight: 900;
				margin: 0px auto 15px auto;
				padding: 0px 15px 0px 15px;
				text-align: center;
				width: 75%;
			}

			.classifieds div {
				border: 0px solid red;
			}

			.classifieds a {
				border: 0px solid yellow;
			}

			.classifieds img {
				border: 0px solid green;
			}


/*	-=-------------------------------=-
	 *  M E D I A  •  Q U E R I E S  *
	-=-------------------------------=-  */

		@media print {

			.no-print {
				display: none;
			}
		}

	/*	-=----------=-
		 * 1250 MAX *
		-=----------=-  */

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

			.optimal-tide-windows .sheet-of-paper {
				width: 400px;
			}

			#optimalTides1 hr,
			#optimalTides2 hr,
			#optimalTides3 hr,
			#optimalTides4 hr,
			#optimalTides5 hr,
			#optimalTides6 hr,
			#optimalTides7 hr {
				margin: 10px auto 10px auto !important;
				width: 350px;
			}
		
		}

	/*	-=----------=-
		 * 1200 MAX *
		-=----------=-  */

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

			.content {
				background-image: url('../images/bones/backgrounds/limestone-wall-1200.jpg');
			}

			.flex-container .left {
				padding: 50px 40px 50px 40px;
			}

			.flex-container .right {
				padding: 50px 40px 50px 0px;
			}

		}

	/*	-=----------=-
		 * 1150 MAX *
		-=----------=-  */

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

			.grand-opening img {
					top: 250px;
			}

		}

	/*	-=----------=-
		 * 1100 MAX *
		-=----------=-  */

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

			.content {
				background-image: url('../images/bones/backgrounds/limestone-wall-1100.jpg');
			}

			.flex-container .left {
				flex: 20%;
				padding: 50px 40px 50px 40px;
			}

			.flex-container .right {
				flex: 80%;
				padding: 50px 40px 50px 0px;
			}

		}

	/*	-=----------=-
		 * 1050 MAX *
		-=----------=-  */

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

			.flex-container.button {
				flex-direction: column;
			}

			.flex-container .left.button,
			.flex-container .left.with-center.button {
			    padding: 15px 0px 10px 0px;
			}

			.flex-container .center.button {
			    padding: 10px 0px 10px 0px;
			}

			.flex-container .right.button,
			.flex-container .right.with-center.button {
			    padding: 10px 0px 15px 0px;
			}

			.panel.tides {
				width: 100%;
				min-width: unset;
			}

		}

	/*	-=----------=-
		 * 1000 MAX *
		-=----------=-  */

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

			.note.parchment {
				padding: 30px 30px 30px 30px;
			}

			.footer .note {
				max-width: 600px;
			}

			.content {
				background-image: url('../images/bones/backgrounds/limestone-wall-1000.jpg');
			}

			footer {
				background-image: url('../images/bones/backgrounds/water-in-the-kelp-forest-1000.jpg');
			}

		}

	/*	-=---------=-
		 * 901 MAX *
		-=---------=-  */

		@media screen and (min-width: 901px) {

			.flex-container.mobile,
			#brass-label-large .mobile {
				display: none;
			}

		}

	/*	-=---------=-
		 * 900 MAX *
		-=---------=-  */

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

			hr.half {
				width: 75%;
			}

			.flex-container .right {
				padding: 50px 40px 50px 40px;			
			}

			.flex-container.laptop,
			#brass-label-large .laptop {
				display: none;
			}

			.content {
				background-image: url('../images/bones/backgrounds/limestone-wall-900.jpg');
			}

			footer {
				background-image: url('../images/bones/backgrounds/water-in-the-kelp-forest-900.jpg');
			}

			.abyss {
				padding: 100px 0px 35px 0px;
			}

		}

	/*	-=---------=-
		 * 875 MAX *
		-=---------=-  */

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

			.menu-right-text {
				font-size: 25px;
			}

			.call a {
				font-size: 25px;
			}

		}

	/*	-=---------=-
		 * 850 MAX *
		-=---------=-  */

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

			.grand-opening img {
					top: 275px;
			}

		}

	/*	-=---------=-
		 * 800 MAX *
		-=---------=-  */

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

			.content {
				background-image: url('../images/bones/backgrounds/limestone-wall-800.jpg');
			}

			.flex-container.button {
				flex-direction: column;
			}

			.flex-container .left.button,
			.flex-container .left.with-center.button {
			    padding: 15px 0px 10px 0px;
			}

			.flex-container .center.button {
			    padding: 10px 0px 10px 0px;
			}

			.flex-container .right.button,
			.flex-container .right.with-center.button {
			    padding: 10px 0px 15px 0px;
			}

			.mini-text-box {
				width: 325px;
			}

		}

	/*	-=---------=-
		 * 750 MAX *
		-=---------=-  */

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

			.mini-text-box {
				width: 300px;
			}

		}

	/*	-=---------=-
		 * 700 MAX *
		-=---------=-  */

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

			.content {
				background-image: url('../images/bones/backgrounds/limestone-wall-700.jpg');
			}

			.mini-text-box {
				width: 350px;
			}

		}

	/*	-=---------=-
		 * 650 MAX *
		-=---------=-  */

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

			.grand-opening img {
					top: 160px;
			}

		}

	/*	-=---------=-
		 * 600 MAX *
		-=---------=-  */

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

			.content {
				background-image: url('../images/bones/backgrounds/limestone-wall-600.jpg');
			}

			.celadon-table th,
			.celadon-table td {
				padding: 5px 8px 0px 8px;
			}

			.classifieds p {
				width: 85%;
			}

		}

	/*	-=---------=-
		 * 550 MAX *
		-=---------=-  */

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

			.grand-opening img {
					top: 170px;
			}

			.note.parchment {
				padding: 20px 20px 20px 20px;
			}

			.celadon-table th,
			.celadon-table td {
				padding: 5px 7px 0px 7px;
			}

		}

	/*	-=---------=-
		 * 501 MIN *
		-=---------=-  */

		@media screen and (min-width: 501px) {

			.celadon-table-500 {
				display: none;
			}

		}

	/*	-=---------=-
		 * 500 MAX *
		-=---------=-  */

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

			.content {
				background-image: url('../images/bones/backgrounds/limestone-wall-500.jpg');
			}

			hr.half {
				width: 100%;
			}

			#home .aqua-round .yellow-text {
				letter-spacing: 1px;
				text-shadow: 0px 0px 1px #295944;
			}

			.flex-container .left {
				padding: 50px 20px 25px 20px;
			}

			.flex-container .right {
				padding: 25px 20px 35px 20px;
			}

			.flex-container .full {
				width: 325px;
			}

			.panel.note.parchment p {
				margin: 11px 0px 10px 0px;
			}

			#home .yellow-text.font-18 {
				font-size: 18px;
			}

		}

	/*	-=---------=-
		 * 475 MAX *
		-=---------=-  */

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

			.celadon-table {
				font-size: 18px;
			}

			.celadon-table th,
			.celadon-table td {
				padding: 5px 3px 0px 3px;
			}

			.lion-head-emblem {
				max-width: 325px;
				height: 290px;
				z-index: 1;
			}

		}

	/*	-=---------=-
		 * 450 MAX *
		-=---------=-  */

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

			.category-image img {
				display: block;
				margin: auto;
				width: 90%;
			}

			.celadon-table {
				font-size: 17px;
			}

		}

	/*	-=---------=-
		 * 425 MAX *
		-=---------=-  */

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

			.optimal-tide-windows .sheet-of-paper {
				width: 375px;
			}

			.celadon-table {
				font-size: 16px;
			}

		}

	/*	-=---------=-
		 * 400 MAX *
		-=---------=-  */

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

			.grand-opening img {
					top: 190px;
					left: 5%;
				width: 90%;
			}

			.parchment {
				background-image: url('../images/bones/backgrounds/plant-paper-parchment-400.jpg');
			}

			.inspiration {
				background-position: right 70%;
				height: 175px;
			}

			.sheet-of-paper {
				padding: 0px 15px 0px 15px;
			}

			.sheet-of-paper p {
				text-align: left;
			}

			.celadon-table {
				font-size: 15px;
			}

		}