/*----------------------------------------------------------------*/
/*---------------------PAGE SPECIFIC CSS--------------------------*/
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/*BORDER BOX-SIZING*/
/*----------------------------------------------------------------*/
/*Shows Boxes for Layout Purposes*/
* {
	box-sizing: border-box;
}
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/*ANIMATION - INDEX PAGE*/
/*----------------------------------------------------------------*/
.animation {
	/*Set Position, Margins, Height, Width, & Float of Animation*/
	position: absolute;
	margin-top: 3%;
	margin-left: 2%;
	height: 50%;
	width: 36%;
	overflow: hidden;
	float: left;
	
	/*To Prevent Image Being Cut Off Vertically in Landscape Mode*/
	min-height: 700px;

	
	/*Background Image to Prevent Gray Background Between Animations*/
	/*background: url(../img/Innovation.jpg);*/
	/*background-size: cover;*/
	
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 48em) {
	.animation {
		/*Set Animation Margins & Width to Position for Portrait Tablet & Phone Screens*/
		margin: 5%;
		margin-top: 15%;
		margin-bottom: 1%;
		width: 90%;
	}
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 28.5em) {
	.animation {
		/*Set Animation Margin to Position for Portrait Tablet & Phone Screens*/
		margin-top: 20%;
	}
}

/*----------------------------------------------------------------*/
.images {
	/*Set Display, Height, & Width of Animation Images Container*/
	/*display: inline-block;*/
	/*overflow: hidden;*/
	position: relative;
	height: 100%;
	width: 100%;
}

/*----------------------------------------------------------------*/
#gray img {
	/*Set Display, Position, Height, & Width of Images for Animation*/
	width: 100%;
	
}

/*----------------------------------------------------------------*/
.image {
	/*Set Position & Hide the Images for Animation*/
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
}

/*----------------------------------------------------------------*/
.image:first-child {
	/*Display First Image for Animation*/
	display: block;
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/*WELCOME TEXT - INDEX PAGE
/*----------------------------------------------------------------*/
.intro1, .intro2, .intro3 {
	/*Set Font-Style for Welcome Text*/
	/*Open Sans*/
	font-family: 'Open Sans', sans-serif;
	/*Set Font-Size for Introduction*/
	font-size: 1em;
	
	/*Set Welcome Text to be All-Caps*/
	text-transform: uppercase;
	
	/*Set Position, Margin, & Padding to Reduce Space Between Welcome Text & Main Paragraph Text*/
	position: absolute;
	margin-top: 0%;
	padding-top: 0%;
}

.intro2, .intro3 {
	/*Hide Welcome Text (Separated)*/
	display: none;
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 48em) {
	.intro2, .intro3 {
		/*Display Welcome Text (Separated) for Portrait Tablet & Phone Screens*/
		display: block;
		/*Set Welcome Text (Separated) Font-Size for Portrait Tablet & Phone Screens*/
		font-size: .85em;
		
		/*Set Welcome Text (Separated) Margins to Position Text for Portrait Tablet & Phone Screens*/
		margin: 1%;
		
		/*Set Welcome Text (Separated) Position for Portrait Tablet & Phone Screens*/
		position: static;
	}
	.intro3 {
		/*To Give Space for Animation*/
		margin-top: 72%;
	}
	.intro1 {
		/*Hide Welcome Text (Together) for Portrait Tablet & Phone Screens*/
		display: none;
	}
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/*MAIN TEXT - INDEX PAGE*/
/*----------------------------------------------------------------*/
.main {
	/*Set Position of Main Text*/
	width: 55%;
	float: right;
	margin-top: 2%;
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 48em) {
	.main {
		/*Set Main Text Margins, Width, & Alignment to Position Text for Portrait Tablet & Phone Screens*/
		margin: 0%;
		margin-top: 2%;
		width: 96%;
		text-align: center;
	}
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/*CLINICAL TRIAL LIST - CLINICAL SERVICES PAGE*/
/*----------------------------------------------------------------*/
.clinicals {
	/*Set Float, Width, Margins, & Padding to Position Values List*/
	float: left;
	width: 32%;
	margin-left: 4%;
	margin-right: 2%;
	padding: 1%;
	padding-top: 2%;
	
	/*Set Line-Height for Values List Spacing*/
	line-height: 1.3em;
}

/*----------------------------------------------------------------*/
.clinicals ul {
	/*Remove Indentation from Clinical Trial List*/
	padding-left: 0;
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 65em) {
	.clinicals {
		/*Set Values List Width for Smaller Desktop Screens*/
		width: 42%;
		
		/*Adjust Values Spacing for Smaller Desktop Screens*/
		line-height: 1.1em;	
	}
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 48em) {
	.clinicals {
		/*Set Values List Width for Portrait Tablet & Phone Screens*/
		width: 90%;
	}
}

/*----------------------------------------------------------------*/
.clinical {
	/*Set Float, Width, Margins, & Padding to Position Values List*/
	float: left;
	width: 24%;
	margin-left: 4%;
	margin-right: 2%;
	padding: 1%;
	padding-top: 2%;
	
	/*Set Line-Height for Values List Spacing*/
	line-height: 1.3em;
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 65em) {
	.clinical {
		/*Set Values List Width for Smaller Desktop Screens*/
		width: 42%;
		
		/*Adjust Values Spacing for Smaller Desktop Screens*/
		line-height: 1.1em;	
	}
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 48em) {
	.clinical {
		/*Set Values List Width for Portrait Tablet & Phone Screens*/
		width: 90%;
	}
}

/*----------------------------------------------------------------*/
.value h2 {
	/*Set Font-Size & Font-Weight for Values Paragraph Headers Text*/
	font-size: 1.2em;
	font-weight: 600;
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/*SERVICES LIST - SPECIALIZED SERVICES PAGE*/
/*----------------------------------------------------------------*/
.services {
	/*Set Float, Width, Margins, & Padding to Position Services List Text*/
	float: left;
	width: 18%;
	margin-left: 4%;
	margin-right: 2%;
	padding: 1%;
	/*Adjust Line-Height for Services List Spacing*/
	line-height: 1.4em;
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 87em) {
	.services {
		/*Set Services List Margins for Smaller Desktop Screens*/
		margin-left: 4%;
		margin-right: 0%;
		
		/*Adjust Services Spacing for Smaller Desktop Screens*/
		line-height: 1.4em;	
	}
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 80em) {
	.services {
		/*Set Services List Width for Smaller Desktop, Portrait Tablet & Phone Screens*/
		width: 90%;
		
		/*Adjust Services Spacing for Smaller Desktop, Portrait Tablet & Phone Screens*/
		line-height: 1.4em;	
	}
}

/*----------------------------------------------------------------*/
.service {
	/*Set Float, Width, Margins, & Padding to Position "Services Include..." Text*/
	float: left;
	width: 24%;
	margin-left: 4%;
	margin-right: 0%;
	padding: 1%;
	
	/*Adjust Line-Height for "Services Include..." Text Spacing*/
	line-height: 1.4em;
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 87em) {
	.service {
		/*Set "Services Include..." Text Width & Margins for Smaller Desktop Screens*/
		width: 26%;
		margin-left: 4%;
		margin-right: 0%;
		
		/*Adjust "Services Include..." Text Spacing for Smaller Desktop Screens*/
		line-height: 1.4em;	
	}
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 80em) {
	.service {
		/*Set "Services Include..." Text Width for Smaller Desktop, Portrait Tablet & Phone Screens*/
		width: 90%;
		
		/*Adjust "Services Include..." Text Spacing for Smaller Desktop, Portrait Tablet & Phone Screens*/
		line-height: 1.4em;	
	}
}

/*----------------------------------------------------------------*/
.text ul, li {
	/*Display List of Services Below "Services Include..." Text*/
	display: block;
	
	/*Set Margin to Adjust Spacing Between "Services Include..." Text and Services List*/
	margin-top: 0;
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/*VALUES LIST - CORE VALUES PAGE*/
/*----------------------------------------------------------------*/
.value {
	/*Set Float, Width, Margins, & Padding to Position Values List*/
	float: left;
	width: 24%;
	margin-left: 4%;
	margin-right: 2%;
	padding: 1%;
	
	/*Set Line-Height for Values List Spacing*/
	line-height: 1.3em;
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 65em) {
	.value {
		/*Set Values List Width for Smaller Desktop Screens*/
		width: 42%;
		
		/*Adjust Values Spacing for Smaller Desktop Screens*/
		line-height: 1.1em;	
	}
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 48em) {
	.value {
		/*Set Values List Width for Portrait Tablet & Phone Screens*/
		width: 90%;
	}
}

/*----------------------------------------------------------------*/
.value h2 {
	/*Set Font-Size & Font-Weight for Values Paragraph Headers Text*/
	font-size: 1.2em;
	font-weight: 600;
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/*HANDSHAKE IMAGE - CORE VALUES PAGE*/
/*----------------------------------------------------------------*/
.handshake {
	/*Set Float, Margins, & Width to Position Handshake Image*/
	float: left;
	margin-top: 4%;
	margin-bottom: 2%;
	margin-left: 4%;
	width: 34%;
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 65em) {
	.handshake {
		/*Set Handshake Image Margins & Width for Smaller Desktop Screens*/
		margin-bottom: 6%;
		margin-left: 20%;		
		width: 60%;
	}
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 50em) {
	.handshake {
		/*Set Handshake Image Margins & Width for Portrait Tablet & Phone Screens*/
		margin-bottom: 6%;
		margin-left: 4%;
		width: 90%;
	}
}

/*----------------------------------------------------------------*/
/*Handshake Margins for Varying Screen Sizes*/
/*----------------------------------------------------------------*/
/*NOTE: To Try to Avoid Space at Bottom of Page Between Footer and End of Page for Longer Screens*/
/*NOTE: Solved Problem by Changing Body Background-Color to Same Color as Footer*/
/*----------------------------------------------------------------*/
/*@media screen and (max-width: 85em) {*/
/*	.handshake {*/
/**/	/*Set Handshake Image Margin to Avoid Space at Bottom of Page for Smaller Desktop Screens*/
/*		margin-bottom: 20%*/
/*	}*/
/*}*/
/**/
/*----------------------------------------------------------------*/
/*@media screen and (max-width: 80em) {*/
/*	.handshake {*/
/**/	/*Set Handshake Image Margin to Avoid Space at Bottom of Page for Smaller Desktop Screens*/
/*		margin-bottom: 30%*/
/*	}*/
/*}*/
/**/
/*----------------------------------------------------------------*/
/*@media screen and (max-width: 80em) {*/
/*	.handshake {*/
/**/	/*Set Handshake Image Margin to Avoid Space at Bottom of Page for Smaller Desktop Screens*/
/*		margin-bottom: 40%*/
/*	}*/
/*}*/
/**/
/*----------------------------------------------------------------*/
/*@media screen and (max-width: 55em) {*/
/*	.handshake {*/
/**/	/*Set Handshake Image Margin to Avoid Space at Bottom of Page for Smaller Desktop & Portrait Tablet Screens*/
/*		margin-bottom: 8%;*/
/*	}*/
/*}*/
/**/
/*----------------------------------------------------------------*/
/*@media screen and (max-width: 40em) {*/
/*	.handshake {*/
/**/	/*Set Handshake Image Margin to Avoid Space at Bottom of Page for Portrait Phone Screens*/
/*		margin-bottom: 20%;*/
/*	}*/
/*}*/
/**/
/*----------------------------------------------------------------*/
/*@media screen and (max-width: 35em) {*/
/*	.handshake {*/
/**/	/*Set Handshake Image Margin to Avoid Space at Bottom of Page for Portrait Phone Screens*/
/*		margin-bottom: 30%;*/
/*	}*/
/*}*/
/*----------------------------------------------------------------*/
/*End of Handshake Margins for Varying Screen Sizes*/
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/*ABOUT/BIOGRAPHY - ABOUT US PAGE*/
/*----------------------------------------------------------------*/
.about {
	/*Set About Paragraph Text Font-Style*/
	/*Alternative to Segoe UI Bold*/
	font-family: 'Open Sans Condensed', sans-serif;	
	/*Bold: 700*/
	font-weight: 700;
	/*Set Font-Size for About Text*/
	font-size: 1.8em;
	
	/*Adjust Line-Height for About Text Spacing*/
	line-height: 2em;
	
	/*Set About Text Padding for Space*/
	padding: 4%;
	padding-bottom: 12%;
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 48em) {
	.about {
		/*Set About Text Line-Height, Margin & Width for Portrait Tablet & Phone Screens*/
		line-height: 1.2em;
		margin-left: 4%;
		width: 92%;
	}
}

/*----------------------------------------------------------------*/
.about h2 {
	/*Set Font-Size & Font-Weight for Name of Persons on About Page*/
	font-size: 1.2em;
	font-weight: 600;
}

.about p {
	/*Set Line-Height for Name of Persons on About Page*/
	line-height: 1.2em;
}

/*----------------------------------------------------------------*/
.biography {
	/*Set Display, Float, Width, & Padding for Biographies*/
	display: block;
	float: left;
	width: 33%;
	padding: 1%;
	padding-left: 4%
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 70em) {
	.biography {
		width: 100%;
		padding-left: 2%;
	}
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/*CONTACT FORM - CONTACT US PAGE*/
/*----------------------------------------------------------------*/
.contactForm {
	/*Set Float, Width, & Padding to Position Contact Form*/
	float: left;
	width: 60%;
	padding: 1%;
	padding-left: 10%;
	
	/*Set Contact Form Font-Style*/
	/*Alternative to Segoe UI Bold*/
	font-family: 'Open Sans Condensed', sans-serif;	
	/*Bold: 700*/
	font-weight: 700;
}

fieldset{
	/*Remove Border From Contact Form*/
	border: none;
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 55em) {
	.contactForm {
		/*Set Contact Form Line-Height, Margin & Width for Portrait Tablet & Phone Screens*/
		line-height: 1.2em;
		margin: 2%;
		width: 96%;
	}
}

/*----------------------------------------------------------------*/
.contactForm input, .contactForm textarea {
	/*Set Display, Float, & Width to Position Contact Form Inputs*/
	display: block;
	float: left;
	width: 100%;
	
	/*Set Contact Form Font-Style*/
	/*Alternative to Segoe UI Bold*/
	font-family: 'Open Sans ', sans-serif;	
	/*Bold: 700*/
	font-weight: 700;
	/*Set Font-Size for Contact Form Text*/
	font-size: 1.6em;

	
	/*Set Margin & Padding for Contact Form Text*/ 
	margin: 2%;
	padding: 1%;
	padding-right: 3%;
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 48em) {
	.contactForm input {
		/*Set Height of Contact Form Input for Portrait Tablet & Phone Screens*/
		height: 44px;
	}
	
	.contactForm textarea {
		/*Set Height of Contact Form TextArea for Portrait Tablet & Phone Screens*/
		height: 200px;
	}
}

/*----------------------------------------------------------------*/
/*Set Display, Width, & Margin for First & Last Name*/
.name {
	display: inline-block;
	width: 300px;
	margin: 0%;
	margin-right: 1%;
}

/*----------------------------------------------------------------*/
/*Set Margin & Width for First & Last Name Inputs*/
.name input {
	margin: 0%;
	width: 290px;
}

/*----------------------------------------------------------------*/
/*Set Width, Padding, & Margin for Telephone, Email, & Message*/
.form-group input, .form-group textarea {
	width: 600px;
	padding: 1%;
	margin: 0.5%;
}

/*----------------------------------------------------------------*/
/*Set Font-Size & Padding for *Required Text*/
.requiredField {
	font-size: 1.5em;
	padding-left: 2%;
	padding-bottom: 2%;
}

/*----------------------------------------------------------------*/
/*Set Font-Size & Padding for *Required Text*/
.requiredCaptcha {
	font-size: 1.5em;
	padding-left: 0%;
	padding-bottom: 2%;
}

/*----------------------------------------------------------------*/
/*Set Padding for Google reCaptcha*/
.g-recaptcha {
	padding: 1%;
}

/*----------------------------------------------------------------*/
/*Form Input Widths for Varying Screen Sizes*/
/*----------------------------------------------------------------*/
@media screen and (max-width: 80em) {
	.contactForm {
		padding-left: 8%;
	}
	
	.name {
		/*Display Block & Set Width for First & Last Names*/
		display: block;
		width: 400px;
	}
	
	.name input {
		/*Set Width for First & Last Name Inputs*/
		width: 400px;
	}
	
	.form-group input, .form-group textarea {
		/*Set Width for Telephone, Email, & Message*/
		width: 400px;
	}
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 55em) {
	.contactForm {
		/*Set Contact Form Padding*/
		padding-left: 12%;
	}
	
	.name {
		/*Display Block & Set Width for First & Last Names*/
		display: block;
		width: 500px;
	}
	
	.name input {
		/*Set Width for First & Last Name Inputs*/
		width: 500px;
	}
	
	.form-group input, .form-group textarea {
		/*Set Width for Telephone, Email, & Message*/
		width: 500px;
	}
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 43.75em) {
	.contactForm {
		/*Set Contact Form Padding*/
		padding-left: 8%;
	}
	
	.name {
		/*Display Block & Set Width for First & Last Names*/
		display: block;
		width: 500px;
	}
	
	.name input {
		/*Set Width for First & Last Name Inputs*/
		width: 500px;
	}

	.form-group input, .form-group textarea {
		/*Set Width for Telephone, Email, & Message*/
		width: 500px;
	}
}


/*----------------------------------------------------------------*/
@media screen and (max-width: 37.5em) {
	.contactForm {
		/*Set Contact Form Padding*/
		padding-left: 6%;
	}
	
	.name {
		/*Set Width for First & Last Names*/
		width: 400px;
	}
	
	.name input {
		/*Set Width for First & Last Name Inputs*/
		width: 400px;
	}
	
	.form-group input, .form-group textarea {
		/*Set Width for Telephone, Email, & Message*/
		width: 400px;
	}
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 28em) {
	.contactForm {
		/*Set Contact Form Padding*/
		padding-left: 8%;
	}
	
	.name {
		/*Set Width for First & Last Names*/
		width: 300px;
	}
	
	.name input {
		/*Set Width for First & Last Name Inputs*/
		width: 300px;
	}
	
	.form-group input, .form-group textarea {
		/*Set Width for Telephone, Email, & Message*/
		width: 300px;
	}
}
/*----------------------------------------------------------------*/
@media screen and (max-width: 25em) {
	.contactForm {
		/*Set Contact Form Padding*/
		padding-left: 6%;
	}
	
	.name {
		/*Set Width for First & Last Names*/
		width: 300px;
	}
	
	.name input {
		/*Set Width for First & Last Name Inputs*/
		width: 300px;
	}
	
	.form-group input, .form-group textarea {
		/*Set Width for Telephone, Email, & Message*/
		width: 300px;
	}
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 22em) {
	.contactForm {
		/*Set Contact Form Padding*/
		padding-left: 0%;
	}
	
	.name {
		/*Set Width for First & Last Names*/
		width: 300px;
	}
	
	.name input {
		/*Set Width for First & Last Name Inputs*/
		width: 300px;
	}

	.form-group input, .form-group textarea {
		/*Set Width for Telephone, Email, & Message*/
		width: 300px;
	}
}

/*----------------------------------------------------------------*/
/*End of Form Input Widths for Varying Screen Sizes*/
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/*SUBMIT & CANCEL BUTTONS - CONTACT US PAGE*/
/*----------------------------------------------------------------*/
button {
	/*Set Float, Margin, & Padding to Position Contact Form Buttons*/
	float: left;
	margin: 2%;
	padding: 1%;
	
	/*Set Text, Background Colors & Border on Contact Form Buttons*/
	color: white;
	background-color: #4E5153;
	border: none;
	
	/*Set Font-Style for Contact Form Buttons Text*/
	/*Alternative to Segoe UI Bold*/
	font-family: 'Open Sans', sans-serif;	
	/*Bold: 700*/
	font-weight: 700;
	/*Set Font-Size for Contact Form Buttons Text*/
	font-size: 1.6em;
	
	/*Set Width of Buttons on Contact Form for Positioning*/
	width: 60px;
}

/*----------------------------------------------------------------*/
/*Set Button Width to Avoid Text Being Cut Off on Mobile Devices*/
button {
	width: 80px;
}

/*----------------------------------------------------------------*/
/*Button Margins for Varying Screen Sizes*/
/*----------------------------------------------------------------*/
/*NOTE: To Try to Avoid Space at Bottom of Page Between Footer and End of Page for Longer Screens*/
/*NOTE: Solved Problem by Changing Body Background-Color to Same Color as Footer*/
/*----------------------------------------------------------------*/
/*@media screen and (max-width: 75em) {*/
/*	button {*/
/**/	/*Set Button Margin to Avoid Space at Bottom of Page for Smaller Desktop Screens*/
/*		margin-bottom: 15%;*/
/*	}*/
/*}*/
/**/
/*----------------------------------------------------------------*/
/*@media screen and (max-width: 70em) {
/*	button {*/
/**/	/*Set Button Margin to Avoid Space at Bottom of Page for Smaller Desktop Screens*/
/*		margin-bottom: 35%;*/
/*	}*/
/*}*/
/**/
/*----------------------------------------------------------------*/
/*@media screen and (max-width: 65em) {
/*	button {*/
/**/	/*Set Button Margin to Avoid Space at Bottom of Page for Smaller Desktop Screens*/
/*		margin-bottom: 55%;*/
/*	}*/
/*}*/
/**/
/*----------------------------------------------------------------*/
/*@media screen and (max-width: 60em) {
/*	button {*/
/**/	/*Set Button Margin to Avoid Space at Bottom of Page for Smaller Desktop Screens*/
/*		margin-bottom: 85%;*/
/*	}*/
/*}*/
/**/
/*----------------------------------------------------------------*/
/*@media screen and (max-width: 55em) {*/
/*	button {*/
/**/	/*Set Button Margin to Avoid Space at Bottom of Page for Smaller Desktop, Portrait Table & Phone Screens*/
/*		margin-bottom: 15%;*/
/*	}*/
/*}*/
/*
/*----------------------------------------------------------------*/
/*End of Button Margins for Varying Screen Sizes*/
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
#submit, #cancel {
	/*Set Margin on Submit & Cancel Buttons*/
	margin-left: 8%;
	margin-left: 8%;
}

/*----------------------------------------------------------------*/
/*Submit & Cancel Button Margins for Varying Screen Sizes*/
/*----------------------------------------------------------------*/
@media screen and (max-width: 105em) {
	#submit, #cancel {
		/*Set Submit & Cancel Margin for Smaller Desktop Screens*/
		margin: 2%;
		margin-left: 16%;
	}
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 75em) {
	#submit, #cancel {
		/*Set Submit & Cancel Margin for Smaller Desktop Screens*/
		display: inline-block;
		width: 0px;
		margin: 2%;
		margin-left: 18%;
	}
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 70em) {
	#submit, #cancel {
		/*Set Submit & Cancel Display, Width, & Margins for Smaller Desktop Screens*/
		display: inline-block;
		width: 20px;
		margin: 2%;
		margin-left: 14%;
	}
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 50em) {
	#submit, #cancel {
		/*Set Submit & Cancel Display, Width, & Margins for Portrait Tablet & Phone Screens*/
		display: inline-block;
		width: 44px;
		margin-top: 6%;
		margin-left: 14%;
	}
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 40em) {
	#submit, #cancel {
		/*Set Submit & Cancel Display, Width, & Margins for Portrait Phone Screens*/
		display: inline-block;
		width: 44px;
		margin-top: 6%;
		margin-left: 16%;
	}
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 35em) {
	#submit, #cancel {
		/*Set Submit & Cancel Display, Width, & Margins for Portrait Phone Screens*/
		display: inline-block;
		width: 44px;
		margin-top: 6%;
		margin-left: 19%;
	}
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 25em) {
	#submit, #cancel {
		/*Set Submit & Cancel Display, Width, & Margins for Portrait Phone Screens*/
		display: inline-block;
		width: 44px;
		margin-top: 6%;
		margin-left: 20%;
	}
}

/*----------------------------------------------------------------*/
/*End of Submit & Cancel Button Margins for Varying Screen Sizes*/
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/*CONTACT INFORMATION - CONTACT US PAGE*/
/*----------------------------------------------------------------*/
.contactInfo {
	/*Set Float, Width, Margins, & Padding to Position Contact Information Text*/	
	float: left;
	width: 40%;
	margin-top: 1%;
	padding: 1%;
	padding-left: 10%;
	
	/*Set Contact Information Text Font-Style*/
	/*Alternative to Segoe UI Bold*/
	font-family: 'Open Sans Condensed', sans-serif;	
	/*Bold: 700*/
	font-weight: 700;
	/*Set Font-Size for Contact Information Text*/
	font-size: 1.8em;
	
	/*Set Line-Height for Contact Information Text to Prevent Overlapping of Text*/
	line-height: 1.4em;
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 70em) {
	.contactInfo {
		/*Set Contact Information Text Line-Height, Margin & Width for Smaller Desktop Screens*/
		line-height: 1.2em;
		margin-right: 2%;
		padding-left: 4%;
		width: 35%;
	}
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 60em) {
	.contactInfo {
		/*Set Contact Information Text Line-Height, Margin & Width for Smaller Desktop Screens*/
		line-height: 1.2em;
		margin-right: 2%;
		padding-left: 1%;
		width: 35%;
	}
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 55em) {
	.contactInfo {
		/*Set Contact Information Text Line-Height, Margin & Width for Smaller Desktop, Portrait Tablet & Phone Screens*/
		line-height: 1.2em;
		margin: 2%;
		margin-top: 6%;
		margin-left: 14%;
		width: 88%;
	}
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 42em) {
	.contactInfo {
		/*Set Contact Information Text Line-Height, Margin & Width for Smaller Desktop, Portrait Tablet & Phone Screens*/
		line-height: 1.2em;
		margin: 2%;
		margin-top: 6%;
		margin-left: 10%;
		width: 88%;
	}
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 25em) {
	.contactInfo {
		/*Set Contact Information Text Line-Height, Margin & Width for Portrait Phone Screens*/
		line-height: 1.2em;
		margin: 2%;
		margin-top: 8%;
		margin-left: 8%;
		width: 88%;
	}
}

/*----------------------------------------------------------------*/
.contactInfo ul, li {
	/*Remove Indentation From Contact Information List Items*/
	padding: 0%;
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/*RESOURCES LIST - RESOURCES PAGE*/
/*----------------------------------------------------------------*/
.resources {
	/*Set Float, Width, Margins, & Padding to Position Resources Text*/
	float: left;
	width: 24%;
	margin: 2%;
	margin-left: 6%;
	margin-right: 0%;
	padding: 1%;
	
	/*Set Resources Text Font-Style*/
	/*Alternative to Segoe UI Bold*/
	font-family: 'Open Sans Condensed', sans-serif;	
	/*Bold: 700*/
	font-weight: 700;
	/*Set Font-Size for Resources Text*/
	font-size: 1.8em;
	
	/*Adjust Line-Height for Resources Text Spacing*/
	line-height: 1.4em;
	
	/*Set Margin to Separate to Give More Space*/
	margin-bottom: 4%;
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 90em) {
	.resources {
		/*Set Resources Text Margins, Width, & Line-Height for Smaller Desktop Screens*/
		margin-right: 1%;
		margin-left: 1%;
		width: 30%;
		line-height: 1.2em;
	}
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 70em) {
	.resources {
		/*Set Resources Text Margins & Width for Smaller Desktop, Portrait Tablet & Phone Screens*/
		margin: 0%;
		margin-top: 2%;
		margin-left: 4%;
		width: 92%;	
	}
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 70em) {
	.resources {
		/*Set Resources Text Line-Height for Portrait  Phone Screens*/
		line-height: 1.2em;
	}
}

/*----------------------------------------------------------------*/
/*Resources Margins for Varying Screen Sizes*/
/*----------------------------------------------------------------*/
/*NOTE: To Try to Avoid Space at Bottom of Page Between Footer and End of Page for Longer Screens*/
/*NOTE: Solved Problem by Changing Body Background-Color to Same Color as Footer*/
/*----------------------------------------------------------------*/
/*@media screen and (max-width: 120em) {*/
/*	.resources {*/
/**/	/*Set Resources Text Margin to Avoid Space at Bottom of Page for Smaller Desktop Screens*/
/*		margin-bottom: 8%;*/
/*	}*/
/*}*/
/**/
/*----------------------------------------------------------------*/
/*@media screen and (max-width: 110em) {*/
/*	.resources {*/
/**/	/*Set Resources Text Margin to Avoid Space at Bottom of Page for Smaller Desktop Screens*/
/*		margin-bottom: 12%;*/
/*	}*/
/*}*/
/**/
/*----------------------------------------------------------------*/
/*@media screen and (max-width: 100em) {*/
/*	.resources {*/
/**/	/*Set Resources Text Margin to Avoid Space at Bottom of Page for Smaller Desktop Screens*/
/*		margin-bottom: 16%;*/
/*	}*/
/*}*/
/**/
/*----------------------------------------------------------------*/
/*@media screen and (max-width: 90em) {*/
/*	.resources {*/
/**/	/*Set Resources Text Margin to Avoid Space at Bottom of Page for Smaller Desktop Screens*/
/*		margin-bottom: 25%;*/
/*	}*/
/*}*/
/**/
/*----------------------------------------------------------------*/
/*@media screen and (max-width: 85em) {*/
/*	.resources {*/
/**/	/*Set Resources Text Margin, Width, & Line-Height for Smaller Desktop Screens*/
/*		margin-bottom: 15%;*/
/*	}*/
/*}*/
/*
/*NOTE: Found Better Solution to Problem*/
/*----------------------------------------------------------------*/
/*End of Resources Margins for Varying Screen Sizes*/
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
.resources ul, li {
	/*Remove Indentation from Resources List Items*/
	padding-left: 0;
}

/*----------------------------------------------------------------*/
.foodAdmin {
	/*To Prevent Line Break of Food & Drug Descriptive Text*/ 
	width: 34%;
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 70em) {
	.foodAdmin {
		/*Set Food & Drug Descriptive Text Margins & Width for Smaller Desktop, Portrait Tablet & Phone Screens*/
		margin: 4%;
		margin-top: 2%;
		margin-bottom: 6%;
		width: 92%;
	}
}

/*----------------------------------------------------------------*/
.resourceLink {
	/*Change Color & Font-Size of Resources Page Links to Make Them Stand Out More*/
	color: #75AAEE;
	font-size: 1.3em;
}

/*----------------------------------------------------------------*/
.resources a:hover span {
	/*Change Color of Resources Page Links Upon Hover for Desktop Screens*/
	color: #3075CE;
	text-decoration: none;
}

/*----------------------------------------------------------------*/
.resources ul {
	/*Set Resources Text Margin for Spacing*/
	margin-top: 2%;
}

/*----------------------------------------------------------------*/
@media screen and (max-width: 48em) {
	.resources a {
		/*Change Text Decoration of Resources Page Links for Potrait Tablet & Phone Screens*/
		text-decoration: underline #75AAEE;
	}
	
	.resources a:hover {
		/*Change Underline Color of Resources Page Links Upon Hover for Desktop Screens*/
		text-decoration: underline #3075CE;
	}
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/*------------------END OF PAGE SPECIFIC CSS----------------------*/
/*----------------------------------------------------------------*/