/* ==========================================================================
   Author's custom styles
   ========================================================================== */
#a-little-bit{
    max-width: 32%;
    position: relative;
    right: 78px;
    top: 40px;
}
   	.p{
	font-size:24px;
	}

.submit_msg{
	font-family: 'inherit';
	color: #fff;
	font-size: 1.17em;
	border-radius:5px;
	background-color:#7FFF00;
	width:200px;
	padding:20px;
	margin: 30px auto 30px auto;
	font-family: inherit;
	color:#000;
}	
  
.main article h1 {
    font-size: 48px;
	margin:30px 0px;
}

.main article h2 {
    font-size: 32px;
}
 
.iTblPngUp{
	width:200px; 
	height:200px;
	} 
	
.iBanner{
	max-width: 85%;
	position:relative;
	top: 70px; 
	}
	
#Mission{
	/* color:black; */
	}

	
/*------------- Fluid Form Styling  -------------*/

#form-section{
	background-image: url('../img/Home/NewsletterBG_Yellow-02.png');
	background-size:100% 100%;
	background-repeat:no-repeat;
	height: 174px;/*Maintain height of image as */
	}
	

input[type="text"], input[type="email"]
	{
	border-radius:12.5px;
	width:250px;
	height:39px;
	}

 form input[type=submit] {
	background : url("../img/Home/SubscribeBtn_Sprite.png")  0px 0px;
	width:154px;
	height:48px;
	border : none;
	color : transparent;
	background-repeat:no-repeat;
}

form input[type=submit]:hover {
	background : url("../img/Home/SubscribeBtn_Sprite.png") 154px 0px ;
}


#IndividualsBtn{
	border-color: #568698;
	border-top: medium dashed #568698;
	}

#CompaniesBtn{
	border-color: #568698;
	border-top: medium dashed #568698;
	}

#SchoolsBtn{
	border-color: #568698;
	border-top: medium dashed #568698;
	}


#triplets section a{margin:auto;}

/* #triplets section */ h3 {font-size:30px}
#triplets section p {font-size:24px}

#IndividualsBtn  a{
	width:171px;
	height:162px;
	background : url("../img/Home/IndividualsBtn_Sprite.png") 172px 0px;
	display:block;
}

 #IndividualsBtn a:hover {
	width:172px;
	height:162px;
	background : url("../img/Home/IndividualsBtn_Sprite.png") 1px 0px;
}

 #CompaniesBtn a{
	width:170px;
	height:162px;
	background : url("../img/Home/CompaniesBtn_Sprite.png") 0px 0px;
	display:block;
}

#CompaniesBtn a:hover {
	background : url("../img/Home/CompaniesBtn_Sprite.png") 171px 0px;
}

 #SchoolsBtn a{
	width:172px;
	height:162px;
	background : url("../img/Home/SchoolsBtn_Sprite.png") 0px 0px;
	display:block;
}

#SchoolsBtn a:hover {
	background : url("../img/Home/SchoolsBtn_Sprite.png") 172px 0px;
}


	
input:first-child{
	/* margin-bottom:10px; */
	}/* Push the second form input box down the screen for the mobile browser */
	
/*------------- Fluid Video Styling  -------------*/
#video-section {
	font-size : 2em;
	padding-bottom:60px;
	}

 figure {
	/*-------------  Container Styling  -------------*/
	/* height: 100; */
	padding-bottom: 56.25%; /* 16:9 */
	position: relative;
	width: 80%;
	/*-------------  Background Image Styling  -------------*/
	background-image: url('../img/Home/VideoBG_border-01.png');
	background-repeat:no-repeat;
	background-size:100% 100%;
 	margin-left:10%;
	margin-right:10%;
	}

iframe {
	/*-------------	 Video Styling	 -------------*/
	height: 85%;
	left: 7.5%;
	position: absolute;
	top: 5%;
	width: 85%;
	}

	
/*-------------	 Table Section Styling	 -------------*/


	
#Table-Section{
	text-align:center;
	border-color: #568698;
	border-top: medium dashed #568698;
	}
	
#Table-Section section {
	margin-left:30%;
	margin-right:30%;
	}
	
/***************************************************************************************************************/
/***************************************************************************************************************/
/***                                                                                                         ***/
/***                          Media Queries For Tablet size Browser AND UP                                   ***/
/***                                                                                                         ***/
/***************************************************************************************************************/
/***************************************************************************************************************/

@media only screen and (min-width: 480px) {

/*-------------------- Header Styling --------------------*/

/* push the side nav links down the page away from the */
.main article section{
	}


/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

    .oldie nav a {
        margin: 0 0.7%;
    }
	
}



/***************************************************************************************************************/
/***************************************************************************************************************/
/***                                                                                                         ***/
/***                                Media Queries For PC size Browsers AND UP                                ***/
/***                                                                                                         ***/
/***************************************************************************************************************/
/***************************************************************************************************************/

@media only screen and (min-width: 768px) {

/*-------------  Table Section Styling  -------------*/

	#a-little-bit {
		margin-top: -37px;
		max-width: 20%;
		right: 109px;
		top: 64px;
		}

    
	#Table-Section-Container{
		width:100%;
	}
	
	#Table-Section{
		padding-top:22px;
	}
	
	#Table-Section section{
		max-width : 33%; /*set the width of the section equals to the width of the tables they contain*/
		float : left;
		padding:0%;
		margin:auto;
	}

	
	#triplets section{ 
		width:30%;
		padding:1.5%;
		float:left;
		margin-bottom:30px;
	}
	
	#CompaniesBtn{
		border-color: #568698;
		border-left: medium dashed #568698;
		border-right: medium dashed #568698;
	}
	
/* ============
    WIDE: Main
   ============ */
	
	.main article header{
        /* float: none; */
        width: 100%;
    }
	
	.main article section{
        /* float: none; */
        width: 100%;
    }
	
	.main article footer{
        /* float: none; */
        width: 100%;
    }
	
	
	/*****	 	Form Styling 	*****/
	input{
		margin-right: 10px;
	}

}

/***************************************************************************************************************/
/***************************************************************************************************************/
/***                                                                                                         ***/
/***                            Media Queries For Tablet Browsers Only                                       ***/
/***                                                                                                         ***/
/***************************************************************************************************************/
/***************************************************************************************************************/


@media only screen and (max-width: 1000px) {

	
	form input{
		display:block;
		margin:auto auto 10px;
	}
	
	#form-section{
		height: 315px;
		padding-bottom: 10px;
		padding-top: 70px;
	}


}

@media only screen and (min-width: 1000px) {
	#emailLogo{ 
		position:relative;
		top:30px;
	}
}

@media only screen and (min-width: 1024px) {
    #carousel-div{
		margin-top: -24px;
    }
	
	#Mission{
		margin-top: -34px;
    }
	#Mission h2{
		margin-top: -34px;
    }
	
	#vid-text {
		float: left;
		margin-top: 35px;
		max-width: 27%;
		text-align: left;
	}
		
	#vid-emb{
		max-width:73%;
		float:right;
	}
	
	
figure {
 	margin-left:0%;
	margin-right:0%; 
	}
	
}

@media only screen and (min-width: 1140px) {
    .wrapper {
        width: 1026px; /* 1140px - 10% for margins */
        margin: 0 auto;
    }
   #animation{
		position: relative;
		right: -400px;
		top: -197px;
		margin-bottom:-197px;
   }
}