*
{
	margin: 0;
	padding: 0;
}
body
{
	font-family:sans-serif;
}
#nav-bar 
{
	position: fixed;
	top: 0;
	z-index:10;
}
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: black;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}
.back
{
	background-image: linear-gradient(to left, #a517ba, #5f1782);
	
}
.navbar
{
	background-image: linear-gradient(to left, #a517ba, #5f1782);
	padding: 0 !important;
	position:fixed;
	height: 80px;
}
.navbar-nav li
{
	padding: 0 10px;
}
.navbar-nav li a
{
	color: cyan !important;
	font-weight:600;
	float: right;
	text-align: left;
}
.navbar-nav li a:hover
{
	color:#fff;
	background-color: magenta;
	border-color: #fff;
}
.fa-bars
{
	color: #fff;
	font-size: 30px !important;
}
.navbar-toggler
{
	outline:none !important;
}
/*-------------Banner---------------*/

#banner
{
	background-image: linear-gradient(to left, #a517ba, #5f1782);
	color: #fff !important;
	padding-top:0;
}
.title
{
	font-size:40px;
	font-weight:600;
	margin-top: 100px;
}		
.btn
{
	width:45px;
	margin: 20px;
}
.appa
{
	margin-top:100px;
	width: 300px;
	
}
.appa1
{
	margin-top:100px;
	width:300px;
	margin-left:0;
}

/*----------Banner2----------*/
#banner2
{
	background: #ff5500;
	color: #fff !important;
	padding:80px 0;
}
.about, .events, .contact
{
	width:285px;
	margin-top: 20px;
}
.events, .contact
{
	width:300px;
	margin-top: 20px;
}
.pic
{
	padding: 20px;
}
.pic h4
{
	padding: 5px;
	margin-top: 20px;
}
.p, .p1
{
	margin-top:20px;
}
.btn-primary
{
	margin-top:50px;
	border-radius: 200px;
}
#als
{
	box-shadow: none;
	padding: 2px 25px;
	border-radius:5px;
	height: 50px;
	width:50px;
	border:none;
	text-align:left;
}
#al
{
	margin-bottom:20px;
}
/*----------Banner3-----------*/
#banner3
{
	background-image: yellow;
	color:#fff;
}
.footer-img
{
	width:100%;
}
.page-footer{
			background-color:#282828;
	}
	.footer-logo{
		margin-top:20px; 
		margin-bottom:20px; 
		left:10px; 
		width:100px; 
		filter:brightness(100%);
	}
	.footer-text{
		float:right; 
		margin-top:50px; 
		margin-right:50px; 
		color:white;
	}
	.footer-link{
		color:white;
	}
	
/*------Fac-----*/
#banner4
{
	background: #ff5500;
	color: #000 !important;
	padding:80px 0;
}

/*----------Contact-----------*/
.fa-facebook
{
	padding: 20px;
	font-size: 30px;
	width: 50px;
	text-align: center;
	text-decoration: none;
	background: cyan;
	color: white;
	margin-left:180px;
	border-radius:50%;
}



/*------------------VIDEOS---------------------*/