/* Style for our header texts
	* --------------------------------------- */
	.clear {
		clear:both;
	}
	
	h1{
		font-size: 5em;
		font-family: arial,helvetica;
		color: #fff;
		margin:0;
		padding:0;
	}
	
	.intro {
		width:80%;
		margin:auto;
	}
	
	.intro p{
		color: #000;
		font-size: 2em;
	}
	
	.intro a{
		color: #000;
	}

	/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:center;
	}
	
	#section0, #section2{
		background-size: cover;
		background-image: url(img/php-code.jpg);
	}
	
	#section2{
		background-size: cover;
		background-image: url(img/bg4.jpg);
	}
	
	#slide1{
		background-size: cover;
		background-image: url(img/bg1.jpg);
	}
	
	#slide2{
		background-size: cover;
		background-image: url(img/bg7.jpg);
	}
		
	#slide3{
		background-size: cover;
		background-image: url(img/bg5.jpg);
	}
	
	#slide4 {
		background-size: cover;
		background-image: url(img/bg6.jpg);
	}
		
	#section0 a, #section1 a {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px; /* future proofing */
		-khtml-border-radius: 5px; /* for old Konqueror browsers */
		border:0px;
		padding:10px 0px;
		-webkit-transition: 0.2s ease-out;
		  -moz-transition: 0.2s ease-out;
		  -o-transition: 0.2s ease-out;
		  -ms-transition: 0.2s ease-out;
		  transition: 0.2s ease-out;
		  webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
		  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
		  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
		color: #000;
		width:40%;
		font-size:14px;
		font-weight:bold;
		float:left;
		margin:10px 5%;
		background-color:#fff;
		opacity: 0.9;
    	filter: alpha(opacity=90); /* For IE8 and earlier */
		display:block;
	}
		
	#section0 a:hover, #section1 a:hover {
		-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
	  -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
	  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
	}
	
		#section2 form {
			width:80%;
			margin:auto;
		}
		
		#section2 input, #section2 textarea {
		width:46%;
		float:left;
		margin:2px 1% 10px 1%;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px; /* future proofing */
		-khtml-border-radius: 5px; /* for old Konqueror browsers */
		border:0px;
		padding:10px 1%;
		font-size:12px;
		color:#000;
		background-color:rgba(255,255,255,.5);	
}
	
	#section2 textarea {
		width:96%;
		float:none;
		height:75px;
	}
		
	#section2 input[type="submit"] {
		-webkit-transition: 0.2s ease-out;
		  -moz-transition: 0.2s ease-out;
		  -o-transition: 0.2s ease-out;
		  -ms-transition: 0.2s ease-out;
		  transition: 0.2s ease-out;
		  webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
		  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
		  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
		color: #000;
		width:100px;
		font-size:14px;
		font-weight:bold;
		float:none;
		margin:auto;
		background-color:#fff;
		opacity: 0.9;
    	filter: alpha(opacity=90); /* For IE8 and earlier */
	}
	
	#section2 input[type="submit"]:hover {
		-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
	  -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
	  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
	}


	/* Fixed header and footer.
	* --------------------------------------- */
	#header, #footer{
		position:fixed;
		display:block;
		width: 100%;
		background: #fff;
		z-index:9;
		text-align:center;
		color: #000;
	}

	#header{
		top:0px;
		font-size:40px;
		height: 60px;
		padding: 0;
		text-align:left;
	}
	#footer{
		bottom:0px;
		padding: 5px 0 0 0;
		height: 25px;
		font-size:12px;
	}

@media (max-width: 1024px) { 
	#section1 a {
		width:60%;
		float:none;
		margin:10px auto;
	}
	
	.intro {
		width:95%;
	}
	
	.intro p{
		font-size: 1.2em;
	}
	
	.profile {
		height:100px;
	}
	
	h1{
		font-size: 3em;
	}
}