* 
{
    margin:0;
    padding:0;
	box-sizing: border-box;
} 

html, body 
{
    height: 100%;
}

html
{
    font-size: 100%;
}
body
{
    font-size: 1.3rem; 
	padding: 0;
    min-height: 300px;
	margin: 20px;
	background-image: linear-gradient(#edddbe, #f2E9D8);
	background-repeat: no-repeat;
	background-position-y: top;
	background-size: 100% 200px;
	background-color: #f2E9D8; 
}

a, img {
    border:none;
    outline:none
} /* fix for ie adding borders to images that are links */



@font-face {
  font-family: 'MainTextFont';
  src: url('../fonts/Josefin_Sans/static/JosefinSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'AccentTextFont';
  src: url('../fonts/Josefin_Sans/static/JosefinSans-SemiBoldItalic.ttf') format('truetype');
} 

@font-face {
	font-family: 'BoldTextFont';
	src: url('../fonts/Josefin_Sans/static/JosefinSans-Bold.ttf') format('truetype');
}


@font-face {
	font-family: 'SemiBoldTextFont';
	src: url('../fonts/Josefin_Sans/static/JosefinSans-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'LogoTextFont';
  src: url('../fonts/Octant.otf') format('opentype');
}

@font-face {
  font-family: 'Engranajes';
  src: url('../fonts/Engranajes/font.woff2') format('woff2'), url('../fonts/Engranajes/font.woff') format('woff');
}

@font-face {
  font-family: 'BakerStreetFlourish';
  src: url('../fonts/BakerStreetFlourish/font.woff2') format('woff2'), url('../fonts/BakerStreetFlourish/font.woff') format('woff');
}

.GearFont 
{
	font-family:  'Engranajes';
	vertical-align: sub;
	font-size: 2.2em;
	line-height: 50%;
}

*
{
    font-family:  'MainTextFont', Arial, sans-serif;
	color: #3A2A17;
	line-height: 120%;
}


a
{
	color: #006d77;
}

.clear
{
    float: none;
    width: 100%;
    height: 1px;
    clear: both;
}

.Hidden
{
    display: none;
}

.pageTitleText
{ 
	font-family:  'BoldTextFont', Arial, sans-serif;
    font-size: 2.8rem;  
}

ul 
{
	margin: 20px auto;
}

li 
{
	margin: 0 0 0 50px;
}

#main
{
    margin: 0 auto;
    max-width: 1050px;
    min-width: 700px;
}

#banner
{
	width: 100%;
	margin-bottom: 40px;
}

#MainMenu 
{
	margin: 10px auto;
	display: block;
	text-align: center;
}

#Logo
{
	display: block;
	margin: 0 auto;
}


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

#tagline
{
	font-family: 'AccentTextFont';
	color: #006d77;
	font-size: 1.5rem; /* = 15pt */
	font-weight: lighter;
	text-align: center;
	margin: 20px auto;
	max-width: 700px;
	
}


#learnQuote
{
	font-style: italic;
	font-size: 1.2rem; /* = 10pt */
	text-align: center;
	margin: 40px auto 20px auto;
	max-width: 700px;
}

#features
{
	font-family:  'BoldTextFont', Arial, sans-serif;
	font-size: 1.0rem; /* = 10pt */
	margin: 20px auto;
	max-width: 600px;
	text-align: center;
}

#BioText p 
{
margin-bottom: 30px;
}
#BioText img 
{ 
	max-height: 300px;
	float: left; 
	margin: 0 30px 0 0;
}

.MainMenuText a
{
	color: black;
	text-decoration: none;
	font-size: 1.3rem;
	padding: 0 20px;
}

.MainMenuText.selected a
{
	font-family:  'BoldTextFont', Arial, sans-serif;
}

#PageTitle {
	font-family:  'BoldTextFont', Arial, sans-serif;
	font-size: 1.5rem;
	text-align: center;
	margin: 40px auto 20px auto;
}
#contactInfo div 
{
	margin-bottom: 7px;
}
#contactName 
{
	font-size: 1.4rem;
	font-family:  'BoldTextFont', Arial, sans-serif;
}
#contactTitle 
{
	font-family:  'SemiBoldTextFont', Arial, sans-serif;
}




@media screen and (max-width: 680px)
{
    #main
    {
        min-width: 0;
    }

	#logo
	{
	width: 300px;
    height: auto;
	}

	#tagline
	{
	max-width: 320px;	
	font-size: 1.2rem; 
	}

	#BioText img 
	{ 
	max-height: 150px;
	margin: 0 20px 0 0;
	}
}