@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/*
This CSS file belongs to - page-name.html and it's by Eric Miner and The Miner Bits - eric@minerbits.com
*/
/*NOTES and Tips*/
/* Code for Hanging Puncuation - Sample Uses Opening Quotation Mark.
<span class="hanging-punctuation-start">&#8220;</span>
.hanging-punctuation-start {position: absolute; right: 100%;}
Another Approach -
.hanging-punctuation-small {text-indent: -.2325em}
.hanging-punctuation-medium {text-indent: -.4125em}
.hanging-punctuation-large {text-indent: -.6125em} 
*/
/*
animation: myAnimation 1s ease-in-out 2s 4;
That is, animation: <animation-name> <animation-duration> <animation-timing-function> <animation-delay> <animation-iteration-count>
*/

/* Media Query Examples - 
@media only screen and (min-width: 801px) and (max-width: 1050px) {
	.intro {width: 60%;}}
@media only screen and (min-width: 1051px) and (max-width: 1299px) {
	.intro {width: 48%;}}
@media only screen and (min-width: 1300px) and (max-width: 1460px) {
	.intro {width: 45%;}}
@media only screen and (min-width: 1451px) and (max-width: 1681px) {
	.intro {width: 37%;}}
*/
/*
The NEW YORKER's Drop Cap Treatment

#articlebody p.descender:first-letter,span.descendertwo {
font-size:4em;
line-height:.8em;
margin-right:2px;
margin-top:5px;
display:block;
float:left;
}

 ****NOTE:Mozilla does not recognize line-height for first-letter 
#articlebody p.descender-two {
padding-top:10px;
text-indent:0;
}

span.first-two {
display:block;
float:left;
font-size:3em;
line-height:.8em;
margin-right:2px;
}
*/
/* =============================================================================
Begin THE TOP OF THE TREE
   ========================================================================== */
html {font-size: 16px;}

* {box-sizing: border-box;}
 
body {
	 margin: 0 auto;
	 padding: 0;
	 position: relative;
	 background: #FFF;
	 color: #040404;
	 /*background-image: url(../images/web-bits/struckaxiom.png);*/}
 

img {max-width: 100%;}
h1, h2, h3, h4, h5, h6 {font-family: "blambot-casual", sans-serif;}
h1 {
	/*width: 50%;*/
	font-size: 64px; font-size: 4rem;
	font-size: 160px; font-size: 10rem;
	line-height: .5;
	margin: 0 auto;
	}
h2 {
	font-size: 48px; font-size: 3rem;
	line-height: .5;
	margin-left: 1.5rem;}
h3 {}
h4 {}
h5 {}
h6 {}

/* =============================================================================
Begin PAGE HEADER
   ========================================================================== */
.page-header {
	font: 400 16px/1 "blambot-casual", sans-serif;
	font: 400 1rem/1 "blambot-casual", sans-serif;
	margin-left: 10%;
	}

/* =============================================================================
Begin MAIN NAV
   ========================================================================== */
.main-nav {font-size: 20px; font-size: 1.25rem; position: relative; text-align: right; right: 10%;}

/* =============================================================================
Begin MAIN CONTENT
   ========================================================================== */
.main-content {
	width: 70%;
	margin: 0 auto;
	font: 400 18px/1.5 "camingodos-web", sans-serif;
	font: 400 1.125rem/1.5 "camingodos-web", sans-serif;
	}

section {margin: 4rem auto 0 auto;}
/*p {padding: 0 4rem 0 4rem;}*/
p {width: 50%; margin: 0 auto;}
/* =============================================================================
Begin PAGE FOOTER
   ========================================================================== */
.page-footer {}

/* =============================================================================
Begin EXTRAS! EXTRAS! EXTRAS! 
   ========================================================================== */
/*BEGIN Links Styling*/
/*Eric Meyer's recommended order - link-visited-focus-hover-active*/
a:link, a:visited {
	outline : none;
	color: #444;
	color: #7B2437;
	text-decoration : none;}
a:hover { 
	color: #AD334E; 
	border-bottom: 1px dotted #AD334E;
	-webkit-transition: color .5s ease-in-out;
	transition: color .5s ease-in-out;}

/*End of Links Styling*/


/*Begin Special Styling*/


/*End of Special Styling*/

