@charset "utf-8";
/* CSS Document */
/*
This CSS file belongs to - hdr-page-new.html and it's by Eric Miner and The Miner Bits - eric@minerbits.com
*/

/* =============================================================================
Begin THE TOP OF THE TREE
   ========================================================================== */
html {font-size: 16px;}

* {
	-moz-box-sizing: border-box;
	 box-sizing: border-box;
	}
 
 body {
	 margin: 0 auto;
	 padding: 0;
	 position: relative;
	 background: #FFF;
	 color: #040404;
}
 
 
 #container {
	 width: 100%;
	 margin: 0 auto;
	 position: relative; 
}

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

img {
	max-width: 100%;
	border-radius: 4px;
       }
	   
h1 {
	font-family: "abril-text", "Trebuchet MS", Verdana, Geneva, sans-serif;
	font-size: 48px; /*workaround for IE9&10 REM (IE bug id 772679)*/
	font-size: 3rem;
	font-weight: 600;
	/*line-height: .5rem;*/
	}
	
h2 {
	font-family: "abril-text", "Trebuchet MS", Verdana, Geneva, sans-serif;
	font-size: 32px; /*workaround for IE9&10 REM (IE bug id 772679)*/
	font-size: 2rem;
	font-weight: 600;
	}
h3 {
	font-family: "abril-text", "Trebuchet MS", Verdana, Geneva, sans-serif;
	font-size: 24px; /*workaround for IE9&10 REM (IE bug id 772679)*/
	font-size: 1.5rem;
	font-weight: 600;
	}
h4 {
	font-family: "abril-text", "Trebuchet MS", Verdana, Geneva, sans-serif;
	font-size: 16px; /*workaround for IE9&10 REM (IE bug id 772679)*/;
	font-size: 1.15rem;
	font-weight: 600;
	margin: 0;
	/*display: inline-block;*/
	}
dt {font-family: "abril-text", "Trebuchet MS", Verdana, Geneva, sans-serif;}
cite {display: inline-block;}
blockquote {
	margin: 2rem auto;
	padding: 1rem 1rem 1rem 4rem;
	border-radius: .5rem;
	background: #EDEDED/*F2F2F2*/ url(../images/hdr/eames-quotes-1A.svg) top left no-repeat;
	text-indent: 1rem;
	border: .5rem double #FFF/*F7F7F7*/; 
	font-style: italic;
	}

/*@media only screen and (max-width: 1450px) */

	@media only screen and (max-width: 1550px) {
    	blockquote {width: 100%;}}
blockquote cite {
	font-size: 12px; /*workaround for IE9&10 REM (IE bug id 772679)*/
	font-size: .75rem;
	/*font-weight: 500*/;
	margin-top: .75rem;
	text-indent: 0;
	display: block;
	}
	
a, h1, h2, h3, h4, h5 {
  -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 1;
  -moz-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 1;
   font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 1;}
p {
  -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0;
  -moz-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0;
   font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0;}	

/* =============================================================================
Begin PAGE HEADER
   ========================================================================== */

.pre-header h1 {margin-top: -24rem;}

.page-header {
	height: 10rem;
	font: 600 16px/1.5 "abril-text", "Trebuchet MS", Verdana, Geneva, sans-serif; /*workaround for IE9&10 REM (IE bug id 772679)*/ 
	font: 600 1rem/1.5 "abril-text", "Trebuchet MS", Verdana, Geneva, sans-serif; 
	line-height: 1;
	line-height: 0.375;
	padding: 2rem 0 0 4rem;
	/*background: #F7F7F7;
	border-bottom: 1rem double #FFF;*/
	}
.page-header h1 {
	font-size: 64px; /*workaround for IE9&10 REM (IE bug id 772679)*/
	font-size: 4rem;
	margin-top: 0;
	margin-bottom: 2.5rem;
	}
@media only screen and (max-width: 1050px) and (min-width: 700px){
		.page-header h1 {font-size: 48px; /*workaround for IE9&10 REM (IE bug id 772679)*/
			font-size: 3rem;
			}}
/* =============================================================================
Begin MAIN NAV
   ========================================================================== */
.main-nav {
	font: 400 16px/1.5 "abril-text", "Trebuchet MS", Verdana, Geneva, sans-serif; /*workaround for IE9&10 REM (IE bug id 772679)*/ 
	font: 400 1rem/1.5 "abril-text", "Trebuchet MS", Verdana, Geneva, sans-serif; 
	}
.main-nav li {
	display: inline;
	margin: 0 2rem;
	}

/* =============================================================================
Begin MAIN CONTENT
   ========================================================================== */
.main-content {
	width: 100%;
	position: relative;
	margin: 0 auto;
	font-size: 16px;
	font: 400 1rem/1.5 "cora", "p22-underground", "Trebuchet MS", Arial, Helvetica, sans-serif
	}
.main-content section {
	margin: 0 auto;
	}
/*SECTION Styling-----------------------------------------------------------------------------*/
.sec-wrapper-1 {
	background: #FFF;
	
	}
.sec-wrapper-1 section {
	background: #F7F7F7;
	border-left: 1rem double #FFF;
	border-right: 1rem double #FFF;
	border-radius: 1rem;
	}
	
.sec-wrapper-2 {
	background: #F7F7F7;
	border-top: 1rem double #FFF;
	border-bottom: 1rem double #FFF;
	}
.sec-wrapper-2 section {
	background: #FFF;
	border-left: 1rem double #F7F7F7;
	border-right: 1rem double #F7F7F7;
	border-radius: 1rem;
	
	}
/*.topic-wrapper {width: 60%;}	*/
.hdr-defs {
	/*width: 47%;
	padding: 1rem 10rem;*/
	border-top: 1rem double #FFF;
	}
	
.hdr-defs, .our-eyes, .dr-n-art, .hdr-history, .hdr-n-world {
	width: 50%;
	padding: 1rem 10rem;
	}
	@media only screen and (max-width: 1685px) and (min-width: 1551px){
		.hdr-defs, .our-eyes, .dr-n-art, .hdr-history, .hdr-n-world   {
			width: 57%;
		}}
	@media only screen and (max-width: 1550px) and (min-width: 801px){
		.hdr-defs, .our-eyes, .dr-n-art, .hdr-history, .hdr-n-world   {
			width: 65%;
			padding: 1rem 4rem;
		}}
		
	@media only screen and (max-width: 800px) and (min-width: 700px){
		.hdr-defs, .our-eyes, .dr-n-art, .hdr-history, .hdr-n-world   {
			width: 90%;
			padding: 1rem 5rem;
		}}
.dr-n-art img {box-shadow: 2px 2px 1px #F0F0F0;}		
.wyckoff-frames {
	width: 120%;
	margin: 0 auto;
    }
.wykoff-text {font-size: 14px; font-size: .875rem;}
.hdr-n-world ul {list-style-image: url(../images/front/ul-X-2.svg);}
.hdr-n-world-sub > li {list-style-image: url(../images/front/ul-X-3.svg);}


/*End of Section Styling----------------------------------------------------------------------*/
.main-content h1, h2, h3 { }

dt {
	font-weight: 500;
	margin-top: 1.5rem;
	}
dd {
	/*width: 70%;
	padding-left: 3rem;*/
	}
dfn {
	font-size: 20px; /*workaround for IE9&10 REM (IE bug id 772679)*/
	font-size: 1.25rem;

    }
/*dd img {margin: 1.5rem 0;}*/

h4+p {margin-top: 0;}
/*.h4-p-margin {margin-top: 1.5rem;}*/


figure {
	position: relativwe;
	margin: 4rem auto 2rem auto;
	text-align: center;
	}
/*figure img {
	
	}*/
.dr-test {margin: 2rem;}
figcaption {
	font-size: 12px; /*workaround for IE9&10 REM (IE bug id 772679)*/
    font-size: .75rem;
	}
.fig-wrap {
	width: 96%;
	float: left;
	margin-left: 3%;
	}
.eye-brain {}

/*Interesting Drop Cap CSS

.drop-cap:first-letter {
	float: left;
	margin: 0;
	padding: 9px 5px 0 0;
	font-size: 84px;
	font-family: Copperplate;
   line-height: 60px;
	text-indent: 0;
	background: transparent;
	color: inherit;
}
*/
/* =============================================================================
Begin PAGE FOOTER
   ========================================================================== */
.page-footer {
	height: 10rem;
	position: relative;
	bottom: 0;
	left: 0;
	background: #B3B3B3;
	border-top: 1rem double #FFF;
	font: 400 16px/1.5 "abril-text", "Trebuchet MS", Verdana, Geneva, sans-serif; /*workaround for IE9&10 REM (IE bug id 772679)*/ 
	font: 400 1rem/1.5 "abril-text", "Trebuchet MS", Verdana, Geneva, sans-serif; 
	}
footer h3 {margin-bottom: 0;}
/* =============================================================================
Begin EXTRAS! EXTRAS! EXTRAS! 
   ========================================================================== */
a {
	text-decoration: none;
	color: #040404;
	border-bottom: 1px solid rgba(42, 48, 61, 0.35);
	}
a:hover {
	color : rgba(0,0,0, .7);
	-webkit-transition: all .75s ease-in-out; 
	transition: all .75s ease-in-out;
	}
footer a:hover {
	color : rgba(255,255,255, .8);
	border-bottom: 1px solid rgba(255,255,255, .8);
	-webkit-transition: all .75s ease-in-out; 
	transition: all .75s ease-in-out;
	}