/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */



/* Navigation Bar CSS*/


body {

 

    background-image: url("Bakbak.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    
	padding: 0; /* Gets rid of the automatic padding */
	margin: 0;	/*	on HTML documents */
	font-family: Lucida Grande, Helvetica, Arial, sans-serif;
	font-size: 12px;



}

#menu-container {
    position: absolute;
    white-space: nowrap;
    overflow: hidden;

}

#navigation {
  list-style: none;
    position:absolute;
  position: fixed;
  top: 0;
  width: 100%;
  color: #ffffff;
  height: 35px;
  text-align: center;
  padding-top: 15px;
  /* Adds shadow to the bottom of the bar */
  -webkit-box-shadow: 0px 0px 8px 0px #000000;
  -moz-box-shadow: 0px 0px 8px 0px #000000;
  box-shadow: 0px 0px 8px 0px #000000;
  /* Adds the transparent background */
  background-color: rgba(0, 0, 0, 0.84);
  color: rgba(1, 1, 1, 0.8);
}
/*background-color: rgba(1, 1, 1, 0.8)*/
#navigation a {
	font-size: 14px;
	padding-left: 15px;
	padding-right: 15px;
	color: white;
	text-decoration: none;
}

#navigation a:hover, a:visited {
color: grey;
}

/* This just adds some style to the placeholder text */

#content {
	width: 600px;
	padding-top: 70px;
	padding-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

#content img {
	padding-top: 20px;
	padding-bottom: 30px;
}

/* Navigation Bar END CSS*/
/*START CLEAR BOX TITLE*/

		
		#page-wrap { width: 850px; margin: 30px auto; padding: 25px; background: clear; background-size: cover;}
		p { font: 30px/2; font-family: 'Pathway Gothic One', sans-serif; margin: 0 0 30px 0; text-indent: 40px;  text-align: center; color: rgba(255, 102, 0,3); font-size: 60px; } 
		
		/* <link href='https://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'> */
		/*#header { background: white; width: 100px; margin: 0px; }*/
		
		/*END OF CLEAR BOX TITLE*/
		
		/*START WHITE BOX TEXT*/
		
			
		#page-text { width: 850px; margin: 70px auto; padding: 25px; background: white;}
		text { font: 30px/2; font-family: 'Pathway Gothic One', sans-serif; margin: 0 0 30px 0; text-indent: 40px;  text-align: center; color: black; font-size: 40px;  } 
	text { display:table; 
    }
    
    /*START TEXT1*/
		
		text1 { font: 30px/2; font-family: 'Pathway Gothic One', sans-serif; margin: 0 0 30px 0; text-indent: 40px;  text-align: center; color: rgba(255, 102, 0,3); font-size: 60px; } 
	
		/*END TEXT1*/
    
    text2 { font: 30px/2; font-family: 'Pathway Gothic One', sans-serif; margin: 0 0 30px 0; text-indent: 40px;  text-align: center; color: black; font-size: 30px;  } 
	text2 { display:table; 
	}
		/*END WHITE BOX TEXT*/
		
		
		
		
		
		
		
		
		
		
/*START OF OUR CONTENT*/

#page-content { width: 800px; margin: 50px auto; padding: 25px; background: clear; background-size: cover;}
		p { font: 30px/2; font-family: 'Pathway Gothic One', sans-serif; margin: 0 0 30px 0; text-indent: 40px;  text-align: center; color: rgba(255, 102, 0,3); font-size: 60px;  }
			/*END OF OUR CONTENT*/
			
#page-cnt {
  
  margin-left: 233px;
  position: absolute;
  top: 100;
  width: 65.9%;
  color: #ffffff;
  height: 35px;
  text-align: center;
  padding-top: 15px;
  /* Adds shadow to the bottom of the bar */
  -webkit-box-shadow: 0px 0px 8px 0px #000000;
  -moz-box-shadow: 0px 0px 8px 0px #000000;
  box-shadow: 0px 0px 8px 0px #000000;
  /* Adds the transparent background */
  background-color: rgba(0, 0, 0, 0.84);
  color: rgba(1, 1, 1, 0.8);
}
/*background-color: rgba(1, 1, 1, 0.8)*/
#page-cnt a {
	font-size: 14px;
	padding-left: 15px;
	padding-right: 15px;
	color: white;
	text-decoration: none;
}



#page-cnt a:hover, a:visited {
color: grey;
}

/*START OF TEXT CONTENT*/
	#page-cont { width: 850px; margin: 100px auto; padding: 25px; background: white; position: fixed, center;}
		textcnt { font: 30px/2; font-family: 'Pathway Gothic One', sans-serif; margin: 0 0 30px 0; text-indent: 40px;  text-align: center; color: black; font-size: 40px;  }
		
		
		
		/*START CHOCOLATE N' CHEESE*/
		
		#page-cnc { width: 850px; margin: 70px auto; padding: 25px; background: white;}
		textcnc { font: 30px/2; font-family: 'Pathway Gothic One', sans-serif; margin: 0 0 30px 0; text-indent: 40px;  text-align: center; color: black; font-size: 40px;  } 
	textcnc { display:table; 
    }
    
    	#page-actcnc { width: 850px; margin: 70px auto; padding: 25px; background: white;}
		textactcnc { font: 30px/2; font-family: 'Pathway Gothic One', sans-serif; margin: 0 0 30px 0; text-indent: 40px;  text-align: center; color: black; font-size: 30px;  } 
	textactcnc { display:table; 
    }
    
    pcnc { width: 800px; margin: 50px auto; padding: 25px; background: clear; background-size: cover;}
		pcnc { font: 30px/2; font-family: 'Pathway Gothic One', sans-serif; margin: 0 0 30px 0; text-indent: 40px;  text-align: center; color: rgba(255, 102, 0,3); font-size: 60px;  }
		
		textacttit { font: 30px/2; font-family: 'Pathway Gothic One', sans-serif; margin: 0 0 30px 0; text-indent: 40px;  text-align: center; color: rgba(255, 102, 0,3); font-size: 60px; display:center; 
    }
    
    /*sponsers cnc*/
    
    #page-spon { width: 850px; margin: 100px auto; padding: 25px; background: white; position: fixed, center;}
		textspon { font: 30px/2; font-family: 'Pathway Gothic One', sans-serif; margin: 0 0 30px 0; text-indent: 40px;  text-align: center; color: black; font-size: 30px; display:table;   }
		
	 textspont  { font: 30px/2; font-family: 'Pathway Gothic One', sans-serif; margin: 0 0 30px 0; text-indent: 40px;  text-align: center; color: rgba(255, 102, 0,3); font-size: 35px; }