body{
	background-color: #edf1fde3;
}
header {
	background: no-repeat center center;
	background-size: cover;
	color: white;
}

.color-overlay {
	background-color: rgba(0, 0, 0, 0.4);
	min-height: 60vh;
}
.navvy{
	background-color: #3a3a3a;
}

.nav-link{
	color: #ffffff;
}

.singleCol {
	max-width: 750px;
}
h1{
	color: rgb(0, 0, 0);
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
	
}

h5{
	font-size: 32px;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

p{
	text-indent: 50px;
	text-align: justify;
}
.btn1{
	display: inline;
	
    border-radius: 5rem;
    background: #999;
    color: rgb(255, 255, 255);
    padding: .9rem 2.5rem;
    cursor: pointer;
    font-size: 15px;
	text-decoration: none;
	box-shadow: 0 1px 10px rgba(189, 185, 185, 0.3);
}
.btn1:hover{
    background: rgb(255, 255, 255);
	color: #000000;
}
.card{
	border-radius: 10px;
	box-shadow: 0 1px 10px rgb(0 0 0 / 30%);
}
.card:hover{
	transition: .5s ease-in-out;
    transform: scale(1.1);
}

.navbar-light, .navbar-toggler{
	color: white;
	border-color: white;
}

.navbar-light, .navbar-toggler:hover{
	color: azure;
	border-color: azure;
}


footer {
	padding-top: 15px;
     background-color: #3a3a3a;

}

footer a{
     color: white;
}

footer a:hover{
     color: #dfdfdf;

}
  
@media (max-width: 767.98px){
	.color-overlay {
		min-height: 40vh;
	}
	header .color-overlay {
	  flex-direction: column;
	  align-items: center;
	}
	  header .btn {
		margin-top: 10px;
	  }
}

@media (max-width: 829px) {
	header .color-overlay {
	  flex-direction: column;
	  align-items: center;
	}
	  header .btn {
		margin-top: 10px;
	  }
	}