@charset "utf-8";
/* CSS Document */

/*headline - font-family: "Open Sans", sans-serif;
  paragraph - font-family: "Crimson Pro", serif;
*/

/*Colors for this website:
	LightPink: #FFB6C1;
	Orange: #FFA500;
	OrageRed: #FF4500;
	Tomato: #FF6347;
	Yellow: #F2E205; 
	DeepskyBlue: #00BFFF;
	Dodger Blue: #1E90FF;
	Tarquoise: #40E0D0;
	LightCyan: #E0FFFF;
	MidnightBlue: #191970;
	Navy: #000080;
*/
*{
	box-sizing: border-box;
	margin: 0;
}

body{margin: 0 auto;
	width: 100%;
	padding: 0;	
}

h1, h2, h3, h4, h5, h6 {font-family: "Open Sans", sans-serif;
}

h2{color: firebrick;}
h3{color: dodgerblue;}

p{font-family: "Crimson Pro", serif;	
  font-size: 1.1em;
}

/*center an image-img is an inline element*/
img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*Navigation*/
#navigation{
	overflow: hidden;
	margin: 0;
	display: block;
	position: fixed;
	background-color: lightblue;
	width: 100%;
	font-family: "Open Sans", sans-serif;
	height: 47px;
}

/* Style the links inside the navigation for logo*/
#navigation a{
	float:left;
	margin:0;
	display: inline-block;
	color:darkslateblue;  /*text color*/
	text-align: center; 
	padding: 14px 16px;
	text-decoration: none;  /*removes underline*/
}

/* Change the color of links on hover-when mouse over the nav*/
#navigation a:hover {
	background-color:lightpink;
	font-weight: bolder;
}

/* Add the color to thr active, current link-home button*/
#navigation-right .active{
	background-color:lightsalmon;
	color:darkslateblue;
	font-weight: bold;
}

/*Right-alighed section inside the top navigation bar*/
#navigation-right{
	float: right;
}

/*Clear flows after the colums*/
.row:after {
	content:"";
	display: table;
	clear: both;  
}

/*home page*/
.home_bg {background: #FAFAD2 
	url("../images/children-happy_2400-optimized.jpg") no-repeat
			center center;  /*x position and y position*/
			height: 650px;
			margin-top: 30px;  /*need to figure out the number*/
}

.home_bg h1 {
	text-align: center; /*center the text horizontally*/
	font-size: 3.5em;
	font-weight: 700;
	line-height: 650px; /*center the text vertically*/
	color:coral;
}

.subheadline { background-color: lightcyan;
	text-align: center;
	font-size: 2em;
	font-weight:600;
}

.subheadline_para{
	text-align: center;
	font-size: 1.2em;
	font-weight:500;
}

/*flexbox container*/
.container {
	display:flex;
	height: 600px;
	flex-direction: row;
	Justify-content: center;
	align-items: baseline;
}

/*flexbox 2 column items*/
.topColumn{
	margin: 1em;
	padding: 1em;
	flex-basis: 40%; /*2 column width*/
}

.topColumn h3{
	font-size: 1.4em;
	text-align: center;
	font-weight:800;
}

.topColumn p{
	text-align: center;
	font-weight:500;
}

.topColumn a{
	text-align: center;
	font-weight:800;
}

/*Home -Flexbox 2 Column background*/
.preparationImage{background:
	url("../images/go-to-school_1000-optimized.jpg") no-repeat
			center center;
			height: 350px;
}

.alphabetImage{background: 
	url("../images/alphabet_1000-optimized.jpg") no-repeat
			center center;
			height: 350px;
}

/*Flexbox 3 column items*/
.bottomColumn{
	margin: 1em;
	padding: 1em;
	flex-basis: 30%; /*3 column width*/
}

.bottomColumn h3{
	font-size: 1.4em;
	text-align: center;
	font-weight:800;
}

.bottomColumn p{
	text-align: center;
	font-weight: 500;
}

.bottomColumn a{
	text-align: center;
	font-weight:800;
}

/*Home -Flexbox 3 Column background*/
.culturefoodImage{background: #FFF0F5
	url("../images/food-and-clothes_1000-optimized.jpg") no-repeat
			center center;
			height: 350px;
}

.teacherstudentImage{background: #FFF0F5
	url("../images/teacher-and-students-enjoy_1000-optimized.jpg") no-repeat
			center center;
			height: 350px;
}

.culturaleventImage{background: #FFF0F5
	url("../images/newyear-celebration_1000-optimized.jpg") no-repeat
			center center;
			height: 350px;
}


/*about page*/
.about_bg{background:#FFB6C1 
	url("../images/children picture 2400 optimized.jpg") no-repeat 
		center center;
		height: 650px;
		margin-top: 30px; /*need to figure out the number*/
}

.about_bg h1 {
	text-align: center; /*center the text horizantally*/
	font-size: 4em;
	font-weight: 700;
	line-height: 650px; /*center the text vertically*/
	color:mediumvioletred;
}

/*About - Flexbox 3 column items-First line*/
.firstColumn{
	margin: 1em;
	padding: 1em;
	flex-basis: 30%; /*3 column width*/
}

.firstColumn h3{
	font-size: 1.4em;
	text-align: center;
	font-weight:800;
}

.firstColumn p{
	text-align: center;
	font-weight: 500;
}

/*About -Flexbox 3 Column background Images-First line*/
.enjoyenvironmentImage{background: #FFF0F5
	url("../images/communicating-with-others_1000-optimized.jpg") no-repeat
			center center;
			height: 350px;
}

.raisehandImage{background: #FFF0F5
	url("../images/children-raise-up-hands-in-the-classroom_1000-optimized.jpg") no-repeat
			center center;
			height: 350px;
}

.fourchildrenImage{background: #FFF0F5
	url("../images/four-students_1000-optimized.jpg") no-repeat
			center center;
			height: 350px;
}

/*About - Flexbox 3 column items-Second line*/
.secondColumn{
	margin: 1em;
	padding: 1em;
	flex-basis: 30%; /*3 column width*/
}

.secondColumn h3{
	font-size: 1.4em;
	text-align: center;
	font-weight:800;
}

.secondColumn p{
	text-align: center;
	font-weight: 500;
}

/*About -Flexbox 3 Column background Images-Second line*/
.firstdayImage{background: #FFF0F5
	url("../images/join-the-new-learning-environment_1000-optimized.jpg") no-repeat
			center center;
			height: 350px;
}

.loveschoolImage{background: #FFF0F5
	url("../images/enjoy-school_1000-optimized.jpg") no-repeat
			center center;
			height: 350px;
}

.diversechildrenImage{background: #FFF0F5
	url("../images/diverse-children_1000-optimized.jpg") no-repeat
			center center;
			height: 350px;
}

/*About -Flexbox 2 column items*/
.teachers{
	margin: 1em;
	padding: 1em;
	flex-basis: 40%; /*2 column width*/
}

.teachers h3{
	font-size: 1.4em;
	text-align: center;
	font-weight:800;
}

.teachers p{
	text-align: center;
	font-weight:500;
}

.teachers a{
	text-align: center;
	font-weight:800;
}

/*About -Flexbox 2 Column background Image*/
.teacherImage{background:
	url("../images/cute-girl_1000-optimized.jpg") no-repeat
			center center;
			height: 350px;
}

.childrenImage{background: 
	url("../images/cafeteria_1000-optimized.jpg") no-repeat
			center center;
			height: 350px;
}

/*Contact Page*/
.contact_bg{background: #FFF0F5
	url("../images/children-happy_2400-optimized.jpg") no-repeat
		center center;
		height: 650px;
		margin-top: 30px; /*need to figure out the number*/
}

.contact_bg h1 {
	text-align: center; /*center the text horizantally*/
	font-size: 4em;
	font-weight: 700;
	line-height: 650px; /*center the text vertically*/
	color:deepskyblue;
}

/*flexbox container and items*/
.container_contact {
			display:flex;
			margin: 0;
			padding: 0;
	        height: 500px;
			flex-direction:row;
			justify-content:center;
			align-items: center;
}

/*first column*/
.contact_img{
	  flex-basis: 40%;
	  margin: 1em;
	  padding: 1em;
	  background: url("../images/four-children-outside_1000-optimized.jpg") center;
	  background-size:cover;
	  height: 400px;
}

/*second column*/
.contact_info{
	  flex-basis: 40%;
	  background-color: white;
	  margin-top: 1em;
	  padding: 1em;
	  height: 400px;
	  align-items: center;
}

.contact_info h2 {
	text-align: center;
	color: #E3776C;
	font-size: 1.5em; 
}

.contact_info h4 {
	font-size: 1.2em;
}


/*footer section*/
footer{
	background-color:#191970;
	color: floralwhite;
	text-align:center; /*horizontally centered*/
	line-height: 60px; /*vertically centered*/
}

.companyName a{margin: 0;
	display: inline-block;
	text-decoration: none;
}

.copyRight a{margin: 0;
	display: inline-block;
	text-decoration: none;
}

/*start of footer container*/
.container_footer {
	display:flex;
	margin: 0;
	padding: 0;
	line-height: 50px;
	flex-direction:column;
	justify-content: center;
	align-items: center;	
}