@charset "UTF-8";
/* CSS Document */
/*headline: font-family: 'Open Sans', sans-serif;
  paragraph: font-family: 'Source Serif Pro', serif;
*/
/*Parisian Poster Art:
  	cool green: #9EBAAF;
	dark blue: #19191F;
	light peach: #FFEEE0;
	salmon: #E3776C;
	dark burgundy: #201624;
*/
* {
  box-sizing: border-box;
  margin:0;
}

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

h1, h2, h3, h4, h5, h6{font-family: 'Open Sans', sans-serif;
                      }
p {font-family: 'Source Serif Pro', serif;
   font-size: 1.2em;
  }

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

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

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

/* Change the color of links on hover */
#mainNav a:hover {
  background-color: #FFEEE0;
  color: #E3776C;
  font-weight: 900;
}

/* Add a color to the active/current link */
#mainNav-right .active {
  background-color: #E3776C;
  color: #FFEEE0;
}

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

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


/* header style */
.home_bg {background: #9EBAAF url("../images/church_2400.jpg") no-repeat center center;
          background-size: cover;
          height: 500px;
          margin-top: 20px;
}

.home_bg h1 {
	text-align:center;
    line-height: 500px;
	color: #FFEEE0;
	font-size: 3em;
}


/*flexbox container*/
.container {
			display: flex;
			flex-direction:row;
			justify-content:center;
			align-items: baseline;
}

.element{
	  margin: 0;
	  padding: 0.5em;
	  flex-basis: 40%; /*column width*/
      /*3 column should be 30%*/
}

.element h2{
		font-size: 2em;
		text-align: center;
		font-weight: 900;
		color: #E83321;
}



/*Home - Flexbox Each Column background images*/
.basic {
	   background: white url("../images/html.jpg") no-repeat center;
	   background-size: cover;
       height: 400px;
}

.anatomy {
	      background: white url("../images/html_anatomy.jpg") no-repeat center;
	      background-size: cover;
          height: 400px;
}



/*Start of About Page*/
.container_about {
			display:flex;
			margin: 0;
			padding: 0;
			flex-direction:row;
			justify-content:center;
			align-items: baseline;
}

.about_bg {background: #9EBAAF url("../images/Chihuly_2400.jpg") no-repeat center center;
	       background-size:cover;
	       height: 500px;
}

.about_bg h1 {
	text-align:center;
	font-size:4em;
	line-height:500px;
	color:#E3776C;
}
.certificate {
	background: white url("../images/about.jpg") no-repeat center;
    background-size: cover;
    height: 300px;
 	background-color: #FFEEE0; 
	margin-bottom: 20px;
}

.certificate h2 {
	margin-bottom: 20px;
	text-align: center;
	color: #E3776C;
	font-size: 2em; 
	line-height: 300px;
}

.outcomes {
    background: white url("../images/creativity.jpg") no-repeat center;
    background-size: cover;
	height: 300px;
 	background-color: #FFEEE0;
	margin-bottom: 20px;
}
.outcomes h2 {
	margin-bottom: 20px;
	text-align: center;
	color: #E3776C;
	font-size: 2em;
	line-height: 300px;
}

ol li {
	font-size: 1.2em;
}



/*Start of Contact header Page*/
.contact_bg {background: #9EBAAF url("../images/victoria.jpg") no-repeat    					center center;
	       background-size:cover;
	       height: 500px;	
}
.contact_bg h1 {
	text-align:center;
	font-size:4em;
	line-height:500px;
	color:#E3776C;
}

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

/*first column*/
.contact_img{
	  flex-basis: 40%;
	  margin: 1em;
	  padding: 1em;
	  background: url("../images/window.jpg") no-repeat center 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: 2em; 
}

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


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

.social a {margin: 0;
	display: inline-block;
	text-decoration: none;
    margin-left:10%;
	margin-right:10%;
}


/* Style all font awesome icons */
.fa {
  padding: 10px;
  font-size: 30px;
  width: 40px;
  margin-right: 5px;
  text-align: center;
  text-decoration: none;
}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
  background: #3B5998;
  color: white;
}

/* Instagram */
.fa-instagram {
  background: #125688;;
  color: white;
}

/* Instagram */
.fa-twitter {
  background: #125688;;
  color: white;
}

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

.social{
	  margin: 0;
	  padding: 0;
	  flex-basis: 15%; 
}
/*Desktop style ends here*/