/*
////////////////////////////////////////
	IPad settings
/////////////////////////////////////////
	
*/

@media only screen and (max-device-width: 968px) {
	.full-page-content {
		width:100%;
		padding-left: 0px;
		padding-right: 0px;
	}	
	.fa-logo {
		width :95%;
	}
	
	.fa-contentbox {
		padding: 10px 5px 10px 5px;
		width: 95%;
	}
	.fa-logo {
		display:none;
	}
	.fa-logo-small {
		width:85%;
		display:block;
	}
	.footer-box {
		width: 100%;
	}
	.full-size-images {
		width:100%;
		height:auto;
	}
	.disappear-on-mobile {
		display:none;
		width: 0%;
	}
	
	.fa-navsub {
		width: 100%;
	}
	#fwsbar {
		width:100%;
	}
	
	#sitename {
		width:100%;
	}
	.title-area {
		width:100%;
	}
	.H2, .H3 {
		font-size: 40px;
	}
	.H2-bigger {
		font-size: 40px;
	}
	.fa-navsub {
		font-size: 18px;
	}
	
	/* index page */
	.homeInstructions {
		width:100%;
		font-size: 24px;
		line-height: 120%;
	}
	.tablink {
		font-size: 150%;
		line-height: 150%;
	}
	
	/* id tool page */
	#featherTypeImage{
		display:block;
		float:none;
		margin:0;
	}
	.fTypeSelector {
		width:100%;
		font-size: 30px;
	}
	
	/* faq page */
	.screenFAQ {
		display:none;
	}
	.mobileFAQ {
		display: block;
	}
	
	/* glossary */
	.two-thirds-size-images {
		width:66%;
		height:auto;
	}
	
	/* id position page */
	.featherDescriptions {
		width:45%;
	}
	
}



/*
////////////////////////////////////////
	Vertical Phone settings
/////////////////////////////////////////
	
*/

@media only screen and (max-device-width: 600px)
{
	 /* all pages */
	.fa-nav-icon {
		display: inline-block;
		cursor: pointer;
		height:140px;
		padding-top: 30px;
		padding-left: 15px;
	}
	.fa-navsub {
		display: none;
	}
	.bar1, .bar2, .bar3 {
		width: 140px;
		height: 20px;
		background-color:  #FFFFFF;
		margin: 12px;
	}
	/* The side navigation menu */
	.sidenav {
		height: 100%; 
		width: 0;
		position: fixed; 
		z-index: 9; 
		top: 0;
		left: 0;
		background-color: #255981; 
		overflow: hidden;
		padding-top: 60px; 
		transition: 0.9s;
	}

	/* The navigation menu links */
	.sidenav a {
		padding: 8px 8px 8px 16px;
		margin-bottom: 20px;
		line-height: 100%;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-size: 60px;
		color: #FFFFFF;
		display: block;
		transition: 0.3s;
	}
	#logo {
	text-indent: 0;
	}
	
	#fwsbar {
		text-indent: 90px;
		font-size: 15px;
		line-height: 140%;
	}
	
	#sitename {
		text-indent: 90px;
		font-size: 20px;
		line-height: 180%;
	}
	.title-area {
		z-index: 8;
		position: fixed;
		top: 0px;
		left: 0px;
	}
	.submenu {
		display: none;
	}
	
	.fa-logo-small {
		margin-top: 275px;
	}
	.kicker {
		display:inline;
	}
	#featherLawButton {
		min-height: 70px;
	}
	
	
	/* id tool page */
	.buttonSection {
		margin-right:auto;
		margin-left:auto;
		padding-left:15px;
		padding-right:15px;
		text-align:center;
		align-content:center;
		font-size: 35px;
	}

	input.checkbox {
		width: 40px;
		height: 40px;
	}
	
	/* style array of buttons */
	.patternButton, .colorButton, .sizeButton, .featherTypeButton, .birdTypeButton {
		width:225px;
		height:225px;
		border-radius: 10px;
		margin-bottom: 20px;
	}
	
	.buttonIcon {
		width:175px;
		height:175px;
		border-radius: 10px;
	}

	.instructions {
		font-size: 25px;
	}
	
	.fTypeSelector {
		width:100%;
		font-size: 30px;
	}
	
	.featherlabel {
		font-size: 30px;
	}
	
	.patternOption {
		float: left;
		margin: 3px;
		width: 45%;
	}
	.patternPanel ul {
		
	}
	.colorOption {
		margin: 3px;
		width: 30%;
	}
	
	.featherTypeSelector {
		font-size: 40px;
	}
	
	.bTypePanel li {
		line-height:1em;
		min-height:2em;	
	}
	.nextButton, .submitButton {
		font-size: 40px; 
		font-weight: bold; 
		color: #000033; 
		text-align: center; 
		margin-bottom:10px;
	}
	
	/* id position page */
	li {
		font-size: 25px;
		line-height: 150%;
	}
	
	/* glossary page */
	.two-thirds-size-images {
		width:100%;
		height:auto;
	}
	
	/* search page */
	.searchInput {
		width:100%;
		height: 50px;
		font-size: 50px;
		border: 5px solide black;
		-webkit-box-shadow: 
		inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
		-moz-box-shadow: 
		inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
		box-shadow: 
		inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
		padding: 15px;
		background: rgba(255,255,255,0.5);
		margin: 0 0 10px 0;
	}
	#searchSpecies {
		font-size: 30px;
		line-height: 150%;
	}
	#searchButton, #returnButton {
		margin-top: 20px;
		font-size: 65px;
		line-height: 150%;
	}
	
	.resultsDetails  p{
		font-size: 30px;
	}
}

/*
////////////////////////////////////////
	Horizontal Phone settings
/////////////////////////////////////////
	
*/
@media only screen and (max-device-width: 800px) and (orientation: landscape)
{
	.title-area {
		z-index: 8;
		position: fixed;
		top: 0px;
		left: 0px;
	}
	.submenu {
		display: none;
	}
	.fa-nav-icon {
		display: inline-block;
		cursor: pointer;
		height:70px;
		padding-top: 15px;
		padding-left: 15px;
		width: 100px;
	}
	.fa-navsub {
		display: none;
	}
	.bar1, .bar2, .bar3 {
		width: 70px;
		height: 10px;
		background-color:  #FFFFFF;
		margin: 6px;
	}
	/* The side navigation menu */
	.sidenav {
		height: 100%; 
		width: 0;
		position: fixed; 
		z-index: 9; 
		top: 0;
		left: 0;
		background-color: #255981; 
		overflow: hidden;
		padding-top: 15px; 
		transition: 0.9s;
	}

	/* The navigation menu links */
	.sidenav a {
		padding: 8px 8px 8px 16px;
		margin-bottom: 0px;
		line-height: 100%;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-size: 30px;
		color: #FFFFFF;
		display: block;
		transition: 0.3s;
	}
	
	.fa-logo-small {
		margin-top: 125px;
	}
	
	
	/* id tool */
	.instructions {
		font-size: 20px;
	}
	.buttonSection {
		margin-right:auto;
		margin-left:auto;
		padding-left:15px;
		padding-right:15px;
		text-align:center;
		align-content:center;
		font-size: 20px;
	}
	.patternButton, .colorButton, .sizeButton, .featherTypeButton, .birdTypeButton {
		width:125px;
		height:125px;
		border-radius: 10px;
		margin-bottom: 20px;
	}
	.buttonIcon {
		width:100px;
		height:100px;
		border-radius: 10px;
	}
	.patternOption {
		float: left;
		margin: 3px;
		width: 30%;
	}
	
	/* browse pages */
	.browseItem {
		width:150px;
		font-size:15px;
		line-height: 120%;
	}
	.fa-browse-table-header, .fa-browse-table-data, .fa-browse-table-data-darker {
		font-size: 20px;
		line-height: 200%;
	}
	
	/* results pages */
	.singleResult {
		width: 30%;
		margin: 5px;
	}
	
	/* search page */
	.searchInput {
		width:80%;
		height: 40px;
		font-size: 40px;
		border: 5px solide black;
		-webkit-box-shadow: 
		inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
		-moz-box-shadow: 
		inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
		box-shadow: 
		inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
		padding: 15px;
		background: rgba(255,255,255,0.5);
		margin: 0 0 10px 0;
	}
	#searchSpecies {
		font-size: 30px;
		line-height: 150%;
	}
	#searchButton, #returnButton {
		margin-top: 20px;
		font-size: 65px;
		line-height: 150%;
	}
}


/*
////////////////////////////////////////
	odd size settings
/////////////////////////////////////////
*/
/* id results pages */
@media only screen and (max-device-width: 720px) and (orientation: portrait)  {
	.singleResult {
		width: 45%;
		margin: 5px;
	}
}
/* id position page */
@media only screen and (max-device-width: 740px) and (orientation: portrait)  {
	.featherDescriptions {
		width:100%;
	}
}

/* browse feathers pages */

@media only screen and (max-device-width: 670px) and (orientation: portrait) {
	.browse-table {
		width:100%;
	}
	
	.fa-browse-table-header, .fa-browse-table-data, .fa-browse-table-data-darker {
		font-size: 25px;
		line-height: 200%;
	}
	
	.browseItem {
		width:260px;
		font-size:30px;
		line-height: 120%;
	}
}


/* individual feather page */

@media only screen and (max-device-width: 670px) {
	.additionalTable {
		width:100%;
	}
	.featherlabel {
		line-height:130%;
	}
}