@charset "UTF-8";

/* 'steiner' font */
@font-face {
  font-family: 'novalismedium_97';
  src: url('../fonts/novam__-webfont.woff');
  src: url('../fonts/novam__-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/novam__-webfont.woff') format('woff'),
       url('../fonts/novam__-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* =======================================================================================

flex set:
----------------------------------
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

  display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;

	Color palette from page bg lt. blue: https://paletton.com/#uid=13y0u0k9+yD2tTU5QJZeRs1kvmn


.germania-one-regular {
  font-family: "Germania One", system-ui;
  font-weight: 400;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

======================================================================================= */


html {
	font-size: 17px;
	scroll-behavior: smooth; 
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

body {
	padding-top: 32px;
	font-family: "Open Sans", Tahoma, sans-serif;
	font-size: 17px;
 	color: #2c3e50; /* #222; /* 350200; */
	background: #34495e url(../img/patterns/blu-stripes.png); /* #543411; /* url(../img/patterns/brown-leather-sm.jpg) 0 0 repeat;  url(../img/patterns/carbon-fibre-big.png) 0 0 repeat*/ 
}



/* =======================================================================================
		Page Header
		Notes:
======================================================================================= */

header {
  padding: 20px 0;
  text-align: center;
}

#topicon, #topicon2, #topicon3, #topicon4 {
	position: fixed;
	right: 20px;
	width: 62px;
	font-size: 2rem;
	color: #ecf0f1;

	/* display: none; */

	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap; 
}

#topicon b, #topicon2 b, #topicon3 b, #topicon4 b {
	color: #ecf0f1;
}

#topicon {
	top: 20px;
}

#topicon2 {
	top: 60px;
}

#topicon3 {
	top: 95px;
	right: 18px;
}

#topicon4 {
	top: 135px;
	right: 18px;
}

#topicon:hover, #topicon2:hover, #topicon3:hover, #topicon4:hover,
#topicon:hover b, #topicon2:hover b, #topicon3:hover b, #topicon4:hover b {
	text-decoration: none;
	/* color: #709122; */
	color: #f1c40f;
}

.uparrow {
	/*
	-webkit-transform: rotate(-90deg); 
  transform: rotate(-90deg);
	*/
	line-height: 1em;
	display: inline-block;
	margin: 0;
	font-weight: bold;
}

.dnarrow {
	
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	
	line-height: 1em;
	display: inline-block;
	margin: 0;
	font-weight: bold;
}

.uparrow:hover, #notes a:hover, .dnarrow:hover {
	text-decoration: none;
	color: #709122;
}

.uparrow i, #notes a i, .dnarrow i {
	font-style: normal;	
}

#topicon4 i {
	margin-left: 12px;
}

#topicon b, #topicon2 b, #topicon3 b, #topicon4 b {
	font-size: 0.7rem;
	font-weight: 300;
}


/* =======================================================================================
		Global Typography
		Notes:
======================================================================================= */

h2, h3, h4 {
	font-family: "Berkshire Swash", serif;
  font-weight: 400;
	color: #2c3e50; /* #460005; */
}

h1 {
	font-family: "Berkshire Swash", serif;
  font-weight: 400;
	font-size: 3rem;
}

.toc h3, .toc2 h3 {
	margin-bottom: 24px;
}

h4 {
	font-size: 1.3rem;
}

section#front > article > div h2,
section.part > article > div h2 {
	margin-bottom: 0;
	font-size: 3rem;
	line-height: 1.2em;
	text-align: center;
}

section#cover > article > div h2 {
	margin-bottom: 18px;
	font-size: 3.5rem;
	line-height: 1.2em;
	text-align: center;
	/* color: #D6A143; /* #d4af37; */

	background-color: #D6A143;
  color: transparent;
  text-shadow: 0px 2px 3px rgba(184,130,34,0.5);
  -webkit-background-clip: text;
     -moz-background-clip: text;
          background-clip: text;
}

section#mobilecover > article > div h2 {
	margin-bottom: 18px;
	font-size: 2.5;
	line-height: 1.2em;
	text-align: center;
	/* color: #D6A143; /* #d4af37; */

	background-color: #D6A143;
  color: transparent;
  text-shadow: 0px 2px 3px rgba(184,130,34,0.5);
  -webkit-background-clip: text;
     -moz-background-clip: text;
          background-clip: text;
}

section#mobilecover > article > div p {
	color: #D6A143;
}

section h2 {
	margin-bottom: 32px;
	font-size: 2.2rem;
	text-align: center;
}

section h3 {
	margin-bottom: 12px;
	font-size: 1.6rem;
	text-align: left;
}

section h5 {
	margin: 32px 0 16px;
	width: 90%;
	font-size: 1rem;
	font-weight: 300;
	text-align: left;
	border-bottom: 1px solid #ecf0f1;
}

a {
  color: #8e44ad; /* #35578E; /* 011EFF;  */
  text-decoration: none;
}

a.button {
	padding: 7px 12px;
  border: 2px solid #460005; 
	color: #460005;
  text-decoration: none;
	border-radius: 3px;
}

a.button:hover {
	padding: 7px 12px;
  border: 2px solid #f9f9f9; 
	color: #f9f9f9;
  text-decoration: none;
	background: #460005; /* #709122; */
}

a:hover {
  text-decoration: underline;
}


a.button:hover, a.footnote:hover {
	text-decoration: none;
}

/* =======================================================================================
		Global Structure / Pages
		Notes:
======================================================================================= */

#page {
	/* display: none; */
  margin: 0 auto;
	padding: 0;
	width: 100%;
  max-width: 980px;
  height: 100%;
}

section {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;

	margin: 0 0 20px;
	padding: 32px;
	min-height: 90vh;
	border-radius: 3px;

	background: #bdc3c7; /* rgba(57, 57, 57, 1); /* #e8e2cf url(../img/patterns/tapestry.png) 0 0 repeat;  */
	border: 1px solid #95a5a6;
	 
	/* box-shadow: 0 0 7px rgba(0,0,0,0.7); */
}

section#cover, section#mobilecover {
	background: transparent; 
	box-shadow: none;
	border: none;
}

section.imgpanel {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}

#backmatter {
	-webkit-justify-content: center;
	justify-content: center;
}


section#front > article,
section#cover > article,
section#mobilecover > article {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: nowrap;

	height: 85vh;
}

section.part > article, section.lastpart > article {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: nowrap;

	min-height: 80vh;
}
 
section.part > article p {
	text-align: center;
	text-indent: 0;
	width: 100%;
}

section#cover > article div, section#mobilecover > article div {
	position: relative;
	padding: 24px; 
	width: 100%;
	height: 90%;

	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: nowrap;
}

section > article {
	margin: 0 auto;
	width: 90%;
	max-width: 840px;
}

.toc ol.decimal li,
.toc ul li,
.toc ol.nomarker li,
.toc2 ol.decimal li,
.toc2 ul li,
.toc2 ol.nomarker li {
	margin-bottom: 10px;
	line-height: 1.3em;
	font-size: 1rem;
}

.toc a {
	display: block;
}

.toc ol.decimal {
	/* column-count: 3; */
}

li p {
	text-indent: 0;
}

.rep-icons span {
	/* float: left;  */
	margin: 0 7px 7px;
	font-size: 2rem;
	line-height: 0.9em;
	color: rgb(176, 55, 18);
}

.rep-icons p {
	text-indent: 0;
}

.left-icon {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.left-icon p { text-indent: 0; }
.left-icon .icon { margin-top: -7px; width: 12%; }
.left-icon .icon img { border: none; }
.left-icon div { width: 88%; }

ol.noindentlist, ul.noindentlist {
	margin-bottom: 32px;
}

ol.noindentlist p, ul.noindentlist p {
	text-indent: 0;
}

ol.noindentlist li, ul.noindentlist li {
	margin-bottom: 18px;
}

ol.decimal li {
	margin-bottom: 28px;
}

.blockquote-list {
	margin-bottom: 32px;
}

.blockquote-list li {
	margin-bottom: 12px;
}

table {
  margin: 0 auto 32px;
  width: 70%;
}

td {
  padding: 10px;
  border: 1px solid #460005;
}


/* =======================================================================================
		Global Elements
		Notes:
======================================================================================= */

.hide {
	display: none; 
}

p {
	margin-bottom: 20px; 
	text-align: justify;
	line-height: 1.2em;
}

#notes p {
	text-indent: 0;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

#synopsis h4 {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

#synopsis p {
	text-indent: 0;
}

.date {
	font-size: 0.9rem;
	font-style: italic;
	text-align: right;
	/* color: #C9B49D; */
}

.center {
	text-align: center;
}

.pause { /* asterisk break in a chapter */
	font-size: 2rem;
}

.italic {
	font-style: italic;
}

.nomargin, p.nomargin {
	margin: 0;
}

.xmar {
	margin-bottom: 32px;
}	

.noindent, .noindent p {
	text-indent: 0;
}

.bold, strong, .strong, b {
	font-weight: 300;
	color: #A01607; /* #460005; /* #79160E; */
}



.hebrew {
	font-size: 1.1rem;
	color: #A01607;
}

.bghilite {
	background: rgba(0,0,0,0.05);
}

.hilite {
	color: #460005; /* #8344ad; /* #e74c3c; */
}

.sig {
	width: 100%;
	font-style: italic;
	font-size: 0.9rem;
	text-align: right;
}

.sig img {
	width: 180px;
	height: auto;
}

.serif-q {
	font-family: serif;
	font-size: 1.5em;
}

.notelink, .note, .footnote {
	font-size: 0.9rem;
	font-style: italic;
	text-indent: 0;
}

h3.note {
	font-size: 1.1rem;
}

.subhdr {
	margin: 10px 0;
	text-align: center;
	text-indent: 0;
	/* font-variant: small-caps; */
}

.subhdr2 {
	margin: 10px 0;
	text-align: center;
	text-indent: 0;
	font-family: 'novalismedium_97', 'Alef', Tahoma, sans-serif;
	color: #A01607;
}

.small {
	font-size: 0.9rem;
	text-indent: 0;
	color: #A01607;
}

/* re-fashions inline 'sup' note links to be inline normal font */
.supper sup { font-size: 1rem; line-height: 1; position: relative; vertical-align: baseline; }
.supper sup { top: 0; }

hr {
	display: block;
	margin: 44px auto 32px;
	width: 85%;
	border: none;
	border-top: 2px dotted #2980b9;
	background: transparent; 
}

hr.def {
	display: block;
	margin: 44px auto 32px;
	width: 97%;
	border: none;
	border-top: 2px dotted #2ecc71;
	background: transparent; 
}

.sep { 
	position: relative;
	display: block;
	margin: 35px auto;
	height: 1px;
	width: 90%;
	border-top: 2px dotted #CA9454;
}

.sep img {
	position: absolute;
	top: -13px;
	left: 50%;
	margin: 0 0 0 -16px;
	height: 32px;
	width: 32px;
}


.line {
	display: block;
	margin: 0 auto 24px;
	padding: 2px 0 0;
	width: 320px;
	font-size: 1.2rem;
	line-height: 0.7em;
	text-align: center;
	color: #CA9454; 
	border-top: 2px dotted #CA9454;
}

.line b {
	display: block;
	-webkit-transform: rotate(-180deg); 
  transform: rotate(-180deg);
}

.randw {
	margin: 0;
	font-size: 0.8rem;
	text-align: center;
	text-indent: 0;
	color: #9D5080;
}

.line-short {
	width: 65%;
	max-width: 320px;
}

.line img {
	width: 100%;
	height: auto;
}

blockquote {
	clear: both;
	position: relative;
	margin: 0 auto 32px;
	padding: 20px;
	width: 90%;
	font-style: italic;
	/* color: #075563; */
	border-top: 2px dotted #460005;
	border-bottom: 2px dotted #460005;
}

blockquote.midquote {
	clear: both;
	position: relative;
	margin: 0 auto 32px;
	padding: 0;
	width: 100%;
	font-style: normal;
	text-align: center;
	border: none;
}

blockquote.midquote.narrow {
	width: 70%;
	text-align: left;
}

blockquote.midquote.narrow p {
	text-align: justify;
}

blockquote.midquote.narrow p.sig {
	text-align: right;
}

blockquote.alt {
	font-style: normal;
}

#notes blockquote {
	clear: both;
	position: relative;
	margin: 0 auto 32px;
	padding: 0 32px;
	width: 100%;
	font-style: normal;
	border-top: none;
	border-bottom: none;
}

.margin-bottom {
	margin-bottom: 32px;
}

p.quote-source {
	margin: 0 auto 32px;
	width: 95%;
	text-indent: 0;
	text-align: right;
	font-size: 0.8rem;
	color: #C9B49D;
}

blockquote p {
	position: relative;
	text-indent: 0;
}

blockquote p:last-child {
	margin-bottom: 0;
}

table td {
	padding: 10px;
}

table p {
	text-indent: 0;
}

table p:last-child {
	margin-bottom: 0;
}

.max60 { max-width: 60px; }
.max80 { max-width: 80px; }
.max100 { max-width: 100%; }
.max100b { max-width: 100px; }
.max120 { max-width: 120px; }
.max130 { max-width: 130px; }
.max135 { max-width: 135px; }
.max140 { max-width: 140px; }
.max150 { max-width: 150px; }
.max160 { max-width: 160px; }
.max170 { max-width: 170px; }
.max180 { max-width: 180px; }
.max190 { max-width: 190px; }
.max200 { max-width: 200px; }
.max210 { max-width: 210px; }
.max220 { max-width: 220px; }
.max230 { max-width: 230px; }
.max240 { max-width: 240px; }
.max250 { max-width: 250px; }
.max270 { max-width: 270px; }
.max280 { max-width: 280px; }
.max320 { max-width: 320px; }
.max300 { max-width: 300px; }
.max340 { max-width: 340px; }
.max350 { max-width: 350px; }
.max370 { max-width: 370px; }
.max380 { max-width: 380px; }
.max400 { max-width: 400px; }
.max420 { max-width: 420px; }
.max440 { max-width: 440px; }
.max480 { max-width: 480px; }
.max500 { max-width: 500px; }
.max520 { max-width: 520px; }
.max580 { max-width: 580px; }
.max600 { max-width: 600px; }
.max640 { max-width: 640px; }

.w120 {
	width: 120px;
}


figure {
	display: block;
	margin: 0 auto 32px;
	padding: 4px;
	height: auto;
  width: auto;
  max-width: 620px;
}

#printcover figure {
	max-width: 100%;
}

figcaption {
  padding: 4px;
	font-size: 0.7rem;
	text-align: center;
}

figcaption.left {
	text-align: left;
}

figure img {
	display: block;
  margin: 0 auto;
	padding: 4px;
	width: auto;
  max-width: 100%;
	height: auto;
  border: 2px solid #bdc3c7; /* #460005; /* #654232;  */
}

figure img.bordered {
	display: block;
  margin: 0 auto;
	padding: 4px;
	width: auto;
  max-width: 100%;
	height: auto;
  border: 2px solid #2c3e50; /* #460005; /* #654232; #2c3e50 */
}

.w120 img {
	width: 100%;
}

#printcover figure img {
	border: none;
}

article figure.inlinefig {
	width: auto;
	max-width: 444px;
	text-align: center;
}

.part figure {
	margin-bottom: 20px;
	max-width: 120px;
}

.lastpart figure {
	margin: 0;
	max-width: 400px;
}

/*
article figure {
	display: block;
	margin: 0 auto 32px;
	padding: 4px;
	width: 100%;
	max-width: 640px;	
}

article figure img {
	display: inline-block;
	margin: 0 auto 4px;
	padding: 4px;
	width: 100%;
	height: auto;
	border: 2px solid #460005;
}
*/

/* place in page header for all images to be their default sizes 
article figure {
	    width: auto;
	    max-width: auto;	
      margin: 0 auto 32px;
      text-align: center;
    }

    article figure img {
	    width: auto;	
      border: none;
    }

		article figure.right.max180 {
	    display: block;
	    float: right;
	    margin: 0 0 12px 20px;
	    padding: 0;
	    width: 180px;
	    max-width: 180px;
    }

    article figure.right img {
	    display: inline-block;
	    margin: 0 auto 4px;
	    padding: 4px;
	    width: 100%;
	    height: auto;
	    border: 2px solid #460005; 
    }
	*/

	article figure.ind {
		width: auto;
		max-width: auto;	
		margin: 0 auto 32px;
		text-align: center;
	}

	article figure.ind img {
		width: auto;	
		border: none;
	}

.noborder, .noborder img {
	border: none;
}

article figure.right {
	display: block;
	float: right;
	margin: 0 0 12px 20px;
	padding: 0;
	width: 100%;
	max-width: 240px;
}

article figure.right.max180 {
	max-width: 180px;
}

article figure.right.max80 {
	max-width: 80px;
}

.symbol {
	max-width: 80px;
	margin-bottom: 24px;
	border: none;
}

.symbol img {
	border: none;
}

#sigimage {
	width: 144px;
	height: auto;
}

.otherlogo {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 100px;
	max-width: 144px;	
}

#dodecahedron {
	display: block;
	margin: 0 auto 10px;
	padding: 0;
	width: 150px;
}

#dodecahedron2 {
	width: 144px;
	max-width: 144px;	

}

#dodecahedron img, .otherlogo img, #dodecahedron2 img {
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
	border: none;
}

#vortex {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 190px;
	max-width: 190px;	
}

#vortex img {
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
	border: none;
}

figcaption.special {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.icon-inline {
	display: inline;
	width: 22px;
	height: auto;
}

.icon-inline img {
	width: 22px;
	height: auto;
}

dt {
	margin: 0 0 12px;
	font-size: 1rem;
	font-weight: 700;
}

dd {
	margin: 0 0 24px 36px;
}

dd ul.bullet {
	margin: 0;
	width: 100%;
	
}

dd ul.bullet li {
	margin: 0 0 12px;
	border-bottom: 2px dotted #222;

	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

dd ul.bullet li a {
	display: block;
	width: 90%;
}

dd ul.bullet li span {
	display: inline-block;
	width: 10%;
}

dd ul.bullet li a:hover {
	background: rgba(244,244,244,0.9);
	text-decoration: none;
}

#personalities p {
	text-indent: 0;
}

/* BUTTON .............................................. */

.buttonbox { padding: 32px 0; text-align: center; }

a.button { 
  position: relative;
  background: #34495E;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  letter-spacing: 0.2rem;
  font-size: 1rem;
  padding: 1.1rem 3.1rem;
  transition: 0.2s;
}

a.button:hover {
  letter-spacing: 0.1rem;
  padding: 1rem 3rem;
  background: #F1C42F;
  color: #F1C42F;
  /* box-shadow: 0 0 35px var(--clr); */
  animation: box 3s infinite;
}

.button::before {
  content: "";
  position: absolute;
  inset: 2px;
  background: #34495E;
}

.button span {
  position: relative;
  z-index: 1;
}

.button i {
  position: absolute;
  inset: 0;
  display: block;
}

.button i::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 3px;
  left: 80%;
  top: -3px;
  border: 2px solid #F1C42F;
  background: #34495E;
  transition: 0.2s;
}

.button:hover i::before {
  width: 15px;
  left: 20%;
  animation: move 3s infinite;
}

.button i::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 3px;
  left: 20%;
  bottom: -3px;
  border: 2px solid #F1C42F;
  background: #34495E;
  transition: 0.2s;
}

.button:hover i::after {
  width: 15px;
  left: 80%;
  animation: move 3s infinite;
}

@keyframes move {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes box {
  0% {
    box-shadow: #27272c;
  }
  50% {
    box-shadow: 0 0 25px #F1C42F;
  }
  100% {
    box-shadow: #27272c;
  }
}



/* =======================================================================================
		svg
======================================================================================= */

#roundtext, #roundtext2 {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;

	/* cursor: pointer; */
	margin: 0 auto;
	width: 50%;
	height: auto;
	background: transparent; /* url(../img/logos/loa-logo-brn.png) 50% 45% no-repeat; */
	background-size: 35%;
}

/*
#roundtext {
	transform: scale(1.5);
}
*/

#roundtext2 {
	transform: scale(1.8);
}
	

svg {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}

path {
  fill: transparent; 
}

text {
  /* fill: #9b59b6; */
	fill: #ECF0F1;
}

#roundtext text {
	fill: #9b59b6;
}

#roundtext2 text {
	fill: #ECF0F1;
}

textPath {
	font-size: 28px; 
}

#roundtext2 textPath {
	font-size: 28px; /* 28px; */
}

rect {
	margin: 0 auto;
}



/* =======================================================================================
		Footer
		Notes:
======================================================================================= */

#footer {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;

	background: #bdc3c7 url(../img/goeth-fade-grey.jpg) 0 0 no-repeat;
	background-size: cover;
}

#footer article {
  display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}

#footer p {
	text-indent: 0;
}

#footer a {
  text-decoration: none; 
}

#footer a.textlink:hover {
  text-decoration: underline;
}

#emcon b {
	display: none;
}

#al-logo {
	display: block;
	padding: 0;
	width: 80%; 
	max-width: 540px;
	height: auto;
}

#al-logo img {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 320px;
	height: auto;	
	border: none;
}

#al-logo figcaption {
	padding-top: 5px;
	font-size: 1.5rem;
	letter-spacing: 2px;
	color: #ECF0F1;
}

#footer #scribe {
	display: block;
	margin: 0;
	padding: 0;
	width: 120px;
	max-width: 120px;	
}

#footer #scribe img {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	border: none;

	border: 4px solid #271E18;
	border-radius: 50%;
}

blockquote#anthonyquote {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}

blockquote#anthonyquote p.quote {
	width: 75%;
	margin-bottom: 0;
}


/* =======================================================================================
		Mobile First Media Queries
		Notes: Typically associate MQs with their relative components/styles
======================================================================================= */

/*
@media (min-width: 1180px) {
  #page {
		display: block;
	}
	#topicon, #topicon2, #topicon3, #topicon4 {
		display: -webkit-flex;
		display: flex;
	}
	#mobilecover {
		display: none;
	}
}
*/