@charset "UTF-8";

@font-face{
	font-family: 'OpenSans-Light';
	src: url('fonts/OpenSans-Light.ttf') format('truetype');	
}

body{
	background-color:black;
	font-family:OpenSans-Light, Arial, Sans-Serif;
	font-weight: 400;
	font-size:18px;
	margin:0px;
}

a{
	color:white;
}

h1{
  font-size:22px; 
  font-weight:bold;
}
h2{
 font-size:20px;
 font-style:italic;
}

div#headline{
	padding:20px;
	color:white;
}

div#headline a{
	color:white;
	text-decoration:none;
	font-size:24px;
	margin-right:30px;
}

div#smallheadline{
	padding:10px;
	width:100%;
	position:fixed;
	top:0;
	background-color:black;
	box-shadow: 0px 5px 10px black;
	z-index:10;
	margin-bottom:25px;
}

div#smallheadline a{
	color:white;
	text-decoration:none;
	font-size:22px;
	margin-right:20px;
}

div#footer{
	height:100px;
	padding:20px;
	color:white;
}

#home_right{
	position:absolute;
	right:30px;
	top:120px;
	text-align:right;
}

td{
	padding:10px;
}

.parallax{
	background-image: url(images/stone1.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
	padding: 20px;
	margin-top:50px;
}

.p1{
	background-image: url(images/bg1faded.jpg);
	color:white;
	font-size:22px;
	margin-top:0px;
}

.p2{
	background-image: url(images/bg3.jpg);
	color:black;
	margin-top:200px;
    padding-top:50px;
}

.p3{
	background-image: url(images/bg2.jpg);
	color:white;
	margin-top:200px;
    padding-top:50px;  
}

.p4{
	background-image: url(images/bg4.jpg);
	color:black;
  	margin-top:200px;
    padding-top:50px;  
}
.p4 a{
	color:black;
}

.p5{
	background-image: url(images/bg5.jpg);
	color:black;
  	margin-top:200px;
    padding-top:50px;  
}

.p6{
	background-image: url(images/bg6.jpg);
	color:white;
  	margin-top:200px;
    padding-top:50px;  
}



@media only screen and (max-width: 600px){
	#home_right{
		position: static;
		text-align:left;
		padding-top:50px;
	}
    
    .p2, .p2, .p3, .p4, .p5{
        padding-top:130px;
    }
			
}