#slider {
	list-style:none;
	padding:0px
}

.slider-container {
	background:none;;
	width:100%;
	height:150px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#slider img {
	width:200px;
	height:125px;
	margin:0px;
	display:inline-block
}

#slider li {
	width:210px
}

.intro {
	position: relative; 
	top: 100px;
}

.intro h1 {
	color: white; 
	font-weight:400; 
	margin-bottom:0px;
}

.page-title {
	height: 120px; 
	width: 100%; 
	background-image: url('../content/images/about_bg.jpg'); 
	background-color: #083b5b; 
	background-repeat: no-repeat; 
	background-size: cover ;
}

.page-title .align-left {
	position: relative;
	top: 50px;
}

.page-title h1 {
	color: white;
	margin-top: 40px;

}

@media screen and (max-width: 480px){

	.page-title {
		height: 50px; 
		width: 100%; 
		background-image: url('../content/images/about_bg.jpg'); 
		background-color: #083b5b; 
		background-repeat: no-repeat; 
		background-size: cover;
}
.page-title .align-left {
	position: relative;
	top: 10px;
}

.page-title h1 {
	color: white;
	margin-top: 0px;
	font-size: 20px;

}
	.intro {
		top:20px;
		height: 180px;
	}

	.activity h3 {
		top: 0px;
		margin-bottom: 0px;
	}

	.intro .read_more {
		padding: 0px;
	}

	.intro .read_more button{
		width: 100px;
		height: 20px;

	}

	.btn-nass {
		display: none;
	}

	.slider-container {
		height: 30px;
	}
	#Top_bar .logo #logo {
		margin-left: 2px;
	}

}

@media screen and (max-width: 768px){
	.slider-container {
		height: 35px;
	}
	.intro {
		top:20px;
		height: 180px;
	}

	.activity h3 {
		top: 0px;
		margin-bottom: 0px;
	}

	.intro .read_more {
		padding: 0px;
	}

	.intro .read_more button{
		width: 100px;
		height: 20px;

	}

	.btn-nass {
		display: none;
	}
}