/*
Theme Name: Simple Parallax Website
Description: Simple Parallax Scrolling Effect
Author: Samuel Dalusung
*/

/*= GENERAL STYLING
--------------------------------------------------------*/
#wrapper {
height: auto !important;
min-height: 100%;
margin: 0 auto -1px;
}
.center { margin: 0 auto; }
.content { margin: 20px auto 0px auto; max-width: 800px; min-width: 300px; min-height: 780px; background-image: url(content_bg.png); background-repeat:repeat;}
.contentX { margin: 0 auto; max-width: 800px; min-width: 300px; min-height: 780px;}
.container { margin-top: 50px;}
.clear { clear: both; }
/*= HEADER & NAVIGATION
--------------------------------------------------------*/

#header {
	width: 100%;
	height: 110px;
	position: fixed;
	margin-top: 0;
	z-index: 95;
	background-color: #147605;
}
#logo, #logo a:link { text-decoration: none; float: left; padding-top: .2rem;
}
#logo img {
	padding-right: 2rem;
}
@media (min-width: 513px) {
#title {
	float: left;
	padding-top: 1rem;
}
}
@media only screen and (min-width: 401px) and (max-width: 512px)  {
#title {
	float: left;
	padding-top: 1rem;
	}
}
@media (max-width: 400px) {
#title {
	display: none;
}
}
@media (min-width: 990px) {
#nav { width: auto; float: right; }
}
@media (max-width: 989px) {
#nav { width: 40%; float:right; }
}
/*= SLIDES STYLING
--------------------------------------------------------*/

#slide1{
	padding-top: 120px;
}
#welcome {
	position: relative; 
	width: 100%;
	padding-top: 20%;
}
#slide2{
	padding-top: 120px;
}
#slide3{
	padding-top: 120px;
}
#slide4{
	padding-top: 120px;
}
#slide5{
	padding-top: 120px;
}
#slide6{
	padding-top: 120px;
}
#slide7{
	padding-top: 120px;
}
#slide8{
	padding-top: 120px;
}
#slide9{
	padding-top: 120px;
}
#slide10{
	padding-top: 120px;
}

/*= FOOTER 
--------------------------------------------------------*/
#copyright  { color: #fff; 	font-family: 'Open Sans', sans-serif; font-size: 14px; margin-top: 100px; text-align: center;  }
#copyright  a { text-decoration: none; color: #fff;  }

@media (min-width: 513px) {
.title1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5rem;
	font-weight: bold;
	color: #fff;
	text-shadow: 2px 2px #147605;
}
}
@media (min-width: 513px) {
.title2 {
	font-family: 'Open Sans', sans-serif;
	font-size: .8rem;
	font-weight: bold;
	color: #fff;
}
}
@media (max-width: 512px) {
.title1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1rem;
	font-weight: bold;
	color: #fff;
	text-shadow: 2px 2px #147605;	
}
}
@media (max-width: 512px) {
.title2 {
	font-family: 'Open Sans', sans-serif;
	font-size: .6rem;
	font-weight: bold;
	color: #fff;
}
}