.navbar-brand {
     padding-top: 0; 
     padding-bottom: 0; 
	width: 15rem;
}

.navbar-light .navbar-nav .nav-link {
    color: #004085;
}

.navbar-brand__text {
	    font-family: Poppins, sans-serif;
    position: absolute;
    left: 6rem;
    top: 1.3rem;
    font-size: 1.6rem;
    color: #004085;
}


.container1{
	position: relative;
  text-align: center;
  color: white;
	background-color: black;
}
.featured-image {
    width: 100%;
    max-height: 500px;
    object-fit: cover;
}
.display-3{
	font-size: 4.5rem;
}



.ql-editor {
    min-height: 300px;
}

.main-image{
  width: 100%;
  opacity: 70%;
}

.line1{
	color: white;
	position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -55%);
	font-size: 2.5rem;
	text-shadow: 2px 2px black;
}
.line2{
	color: white;
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
	font-size: 5rem;
	text-shadow: 2px 2px black;
}

.ruler{
	width: 20%;
	height: 2px;
	background-color: white;
	position: absolute;
  top: 57%;
  left: 50%;
  transform: translate(-50%, -55%);
	box-shadow: 2px 2px black;
}

.profile-img{
		width: 100px;
		border-radius: 50px;
}



@media screen and (max-width: 1100px){
	.line1{
		font-size: 1.5rem;
	}
	.line2{
		font-size: 4rem;
	}
	.h1{
		font-size: 2rem;
	}
	.profile-img{
		width: 90px;
		border-radius: 45px;
	}
	
	.display-3{
	font-size: 4rem;
}

}

@media screen and (max-width: 900px){
	.line1{
		font-size: 1rem;
	}
	.line2{
		font-size: 3rem;
	}
	.profile-img{
		width: 80px;
		border-radius: 40px;
	}
	
	
		.display-3{
	font-size: 3.5rem;
}
	
}

@media screen and (max-width: 680px){
	.line1{
		font-size: 0.5rem;
	}
	.line2{
		font-size: 2rem;
	}
	.h1{
		font-size: 1.5rem;
	}
	.profile-img{
		width: 50px;
		border-radius: 35px;
	}
	
			.display-3{
	font-size: 3rem;
}

}

@media screen and (max-width: 440px){
	.line1{
		font-size: 0.5rem;
	}
	.line2{
		font-size: 1rem;
	}
	.profile-img{
		width: 60px;
		border-radius: 30px;
	}
	
	
 .display-3{
	font-size: 2.5rem;
}

}

.about-image{
  width: 100%;
}

.aboutus-image{
	border-radius: 50%;
	margin: 5% 20%;
	width: 30%;
	box-shadow: 3px 2px 7px 3px #8080808f;
}

.card{
	margin: 2% 20%;
	border: none
}

.card-title{
	font-size: 1.5rem;
	margin-bottom: 0;
	font-weight: bold;
}



/*----------------AV BAR------*/

.nav-item{
	font-size: 14px;
 	font-family: "Open Sans", sans-serif;
	margin-left: 5px;
}

.carousel-indicators li{
	background-color: #124265
}

.carousel-indicators{
	top:105%;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='grey' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-control-prev-icon {
  background-image:  url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='grey' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
}