@charset "UTF-8";
/** CSS DOCUMENT */

/** CSS
Author: Fritschle Communications
Client: North East Whitetail
Created: June 2017
*/

/** GLOBAL ELEMENTS */

html { overflow-x: auto; height:100%;}
/* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */

div { text-align: left; }
body {	background: #fff; margin: 0; padding: 0;
}

/** HEADINGS */


/** TEXTS */

h1, h2, h3, h4, h5, h6 {
	font-family: "Avenir Next", Arial, Helvetica, sans-serif;
  	text-align: center;
}

h6 {
	font-family: "Avenir Next", Arial, Helvetica, sans-serif;
  	text-align: left;
}

body {
  	color: #666666;
  	font-size:16px;
  	line-height: 24px;
}

p {margin-bottom:16px;}


/** Layout */

#section1 {width: 100%;height: auto;margin: 0;padding:0;clear: left;background:#333;}
#section2 {width: 100%;height: auto;margin: 0;padding: 0;clear: both;position: relative;}
#section3 {background:#F7F7F7;width: 100%;margin: 0;height:auto;padding: 0;clear: both;}
#section4 {background: #393A39;width: 100%;height: ;margin: 0;padding: 0;clear: both;}
		
#genetics {
	position: absolute;z-index: 10;
}

div[itemprop="articleBody"]  {margin-left:5%;margin-right:5%;margin-bottom:30px;
}

#js-meganav ul, ol {
	margin-left: 0;
}

#js-meganav ul{
	margin-top: 0;	
}

#logo {
	margin-top:10px;
}

#wrapper2 {
	position: realative; z-index: 10;clear: none;position: center;
}

#contact {
	font-family: "Avenir Next Condensed";
	color: #BCBCBC;
	float: right;
	height: 20px;
	width: auto;
}

.span4, .span7, .span8, .span9, .span10, .span12 {
}

#facebook.span1 {margin:0;}

#wrapper3 {
	background: #fff;
}

#line {
	border-bottom: 2px solid #000;
}

#nav-wrapper.span8 {margin-left:0;}

#ai {
	text-align: center;
}

.custom {clear:both;}

#findus {
	margin: 10px 0 0 0;
  	float:right;
}

.fb {
 width: 60px;
 height: 50px;
 display:block;
 background:transparent url('../images/facebook-50.png') center top no-repeat;
}

.fb:hover {
   background-image: url('../images/facebook-50r.png');
}

#right2 {
	padding-top: 20px;
	padding-bottom: 20px;
}

#content {
	padding: 20px;
}	

#navigation {
	height:35px;
	margin-bottom:0px;
	clear:both;
}

#footer {
	height: 100px;
}

#logo2 {
	margin-left: 30px;
	margin-top: 20px;
}

#fritschle {
	margin: 20px 17px 0 0;
	text-align: right;
}

#f2 a {text-decoration:none;color:#fff;font-family: Arial,Helvetica,sans-serif;font-weight:300;font-size:12px;}
#f2 a:hover {text-decoration:none;color:#fff;background:none;}

#f3 p {color:#fff;font-family: Arial,Helvetica,sans-serif;font-weight:300;font-size:14px;}

.copyright {
	color: #fff;
	font-size: 14px;
	font-family: Arial,Helvetica,sans-serif;
	text-align: center;
}

#backtotop {
	margin: 5px 0;
}

.pull-right {display:none;}

.item-image {margin-bottom:10px;}

ul.sigProResponsive li.sigProThumb a.sigProLink:hover {
    color: #f7f7f7;
    text-decoration: none;
    background-color: #f7f7f7;
    border: 6px solid #f7f7f7;}



@media (min-width: 1200px) {

h1, h2, h3 {
  	color: #000;
  	font-size: 48px;
  	font-weight:300;
    line-height:2em;
}

h4, h5 {
	color: #fff;
	font-size: 48px;
    font-weight:300;
    line-height:2em;
}
  
h6 {
	color: #fff;
	font-size: 16px;
    font-weight:400;
    line-height:2em;
}
  
div[itemprop="blogPost"] h2  {font-size:36px;
}

#f2, #f3 {
	padding-top: 20px;
}
  
.customfc {text-align:right;}
.customne {text-align:left;}

.copyright {
	font-size: 14px;
	font-family: Arial,Helvetica,sans-serif;
	text-align: center;
  	margin-top: 5px;
}

}

@media (min-width: 980px) and (max-width: 1199px) {

h1, h2, h3 {
  	color: #000;
  	font-size: 36px;
  	font-weight:300;
    line-height:2em;
}

h4, h5 {
	color: #fff;
	font-size: 36px;
    font-weight:300;
    line-height:2em;
}
  
h6 {
	color: #fff;
	font-size: 16px;
    font-weight:400;
    line-height:2em;
}
  
div[itemprop="blogPost"] h2  {font-size:24px;
}
  

#f2, #f3 {
	padding-top: 20px;
}

.copyright {
	font-size: 14px;
	font-family: Arial,Helvetica,sans-serif;
	text-align: center;
  	margin-top: 5px;
}

  .customfc {text-align:right;}
  .customne {text-align:left;}

}

@media (min-width: 768px) and (max-width: 979px) {
  
h1, h2, h3 {
  	color: #000;
  	font-size: 24px;
  	font-weight:300;
    line-height:2em;
}

h4, h5 {
	color: #fff;
	font-size: 24px;
    font-weight:300;
    line-height:2em;
}

h6 {
	color: #fff;
	font-size: 16px;
    font-weight:400;
    line-height:2em;
}
  
#wrapper1 {
	border-bottom: 0px solid #fff;
}

#f2, #f3 {
	padding-top: 20px;
}

.copyright {
	font-size: 10px;
	font-family: Arial,Helvetica,sans-serif;
	text-align: center;
  	margin-top: 5px;
  	line-height: 1em;
}

  .customfc {text-align:right;}
  .customne {text-align:left;}

}

@media (max-width: 767px) {

h1, h2, h3 {
  	color: #000;
  	font-size: 48px;
  	font-weight:300;
    line-height:2em;
}

h4, h5 {
	color: #fff;
	font-size: 48px;
    font-weight:300;
    line-height:2em;
}

h6 {
	color: #fff;
	font-size: 16px;
    font-weight:400;
    line-height:2em;
}

#genetics {display:none;}
    
#slide {
	display: none;
}
 
#logo p {
	text-align: center;
}
  
#logo img {
	text-align: center;
}
  
#wrapper3 {margin: 0 20px 0 20px;}

#f2, #f3 {
	display:none;
}

.copyright {
	font-size: 10px;
	font-family: Arial,Helvetica,sans-serif;
	text-align: center;
  	margin-top: 5px;
  	line-height: 1em;
}
  
  .customfc {text-align:center;}
  .customne {text-align:center; margin-top:10px;}

}

@media (max-width: 480px) {

h1, h2, h3 {
  	color: #000;
  	font-size: 24px;
  	font-weight:300;
    line-height:2em;
}

h4, h5, h6 {
	color: #fff;
	font-size: 24px;
    font-weight:300;
    line-height:2em;
}
  
#genetics {display:none;}
  
#slide {
	display: none;
}

#contact {
	font-size: 14px;
	text-align: center;
	width: 100%;
	margin: 8px 0 0 0;
}

.phone-img {
	margin: 0 5px 2px 15px;
}

.mail-img {
	margin: 0 5px 2px 0;
}

#logo p {
	text-align: center;
}

#logo img {
	text-align: center;
}	

#wrapper3 {margin: 0 20px 0 20px;}

#f2, #f3 {
  	display: none;
}

.copyright {
	font-size: 10px;
	font-family: Arial,Helvetica,sans-serif;
	text-align: center;
  	line-height: 1em;
}

  .customfc {text-align:center;}
  .customne {text-align:center; margin-top:10px;}

}