body{
	font-family: 'Josefin Sans', sans-serif;
	margin: 0px;
}

.intro-container{
	height: 100vh;

	background-size:cover;
}
.intro-container h1{
	padding-top: 10%;
	padding-left: 10%;

	background-size:cover;
	margin-bottom: 10%;
}
.intro-container p{
	padding-top: 7%;
	padding-left: 10%;
	padding-bottom: 5%;
	float: left;
	background-size:cover;
}

#parallax-container{
position:relative;
z-index: -1

}


  #wave {
    width: 100%;
    height: 100vh;
    background: url('img/wave.png') no-repeat ; 
 	background-position: 90% 0%; 
}

.uni-container{
	height: 100vh;
	background:url('img/hw.jpg') 50% 0 no-repeat fixed;
	background-size:cover;
	background-repeat: no-repeat;
    background-attachment: fixed;  
    overflow-x: hidden;
    overflow-y: auto;

}

.uni-container h1{
	padding-top: 10%;
	padding-left: 10%;
	background:url('img/hwgs.jpg') 50% 0 no-repeat fixed;
	background-size:cover;
	margin-bottom: 10%;
}
.uni-container p{
	padding-top: 7%;
	padding-left: 10%;
	padding-bottom: 5%;
	background:url('img/hwgs.jpg') 50% 0 no-repeat fixed;
	background-size:cover;
}


.rbs-container{
	height: 100vh;
	background:url('img/rbs.png') 50% 0 no-repeat fixed;
	background-size:cover;
	color: white;
}
.rbs-container h1{
	padding-top: 10%;
	padding-left: 10%;
	background:url('img/rbsgs.png') 50% 0 no-repeat fixed;
	background-size:cover;
	margin-bottom: 10%;
}
.rbs-container p{
	padding-top: 7%;
	padding-left: 10%;
	background:url('img/rbsgs.png') 50% 0 no-repeat fixed;
	background-size:cover;
	padding-bottom: 5%;
}

.game-container{
	height: 100vh;

	background-size:cover;

}
.game-container h1{
	padding-top: 10%;
	padding-left: 10%;

	background-size:cover;
	margin-bottom: 10%;
}
.game-container p{
	padding-top: 7%;
	padding-left: 10%;

	background-size:cover;
	padding-bottom: 5%;
}

.foot{
	padding-left: 10%;
}