main > .container {
  padding: 60px 15px 0;
}

.navbar .navbar-nav .nav-link {
  padding: 1em 0.7em;
  color: #ffffff;
  font-weight: bold;
}  

.navbar .navbar-nav .nav-link:hover {
  background-color: #fff;
  color: #680412;
}  

@media only screen and (min-width: 992px) {
.navbar {
  padding: 0;
}
.navbar .navbar-nav .nav-link {
  padding: 1em 0.7em;
}
.navbar .navbar-brand {
  padding: 0 0.8em;
}
}

.img-responsive {
  max-width: 100%;
  height: auto;
}

.b-example-divider {
  height: 1.5rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.btn{
	border-radius:50px;
	border:0px;
  font-size: 1.3rem;
}

.btn-orange,
.btn-orange:focus{
	background:#faa61a;
	color:white;
}

.btn-orange:hover{
	background:#a06806;
	color:white;
}

.btn-green,
.btn-green:focus{
	background:#26b500;
	color:white;
}

.btn-green:hover{
	background:#196b02;
	color:white;
}
.btn-red,
.btn-red:focus{
	background:#b40404;
	color:white;
}

.btn-red:hover{
	background:#790505;
	color:white;
}

.bd-placeholder-img {
  font-size: 0.2rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.sacolor{
  color: #760303;
  
}



.alert-box {
  padding: 20px;
  /* background-color: #f44336; Red background for a danger alert */
  color: rgb(5, 3, 107);
  font-weight: bold;
  border-radius: 5px;
  cursor: pointer; /* Changes the cursor to a hand icon on hover */
  transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Smooth transition for the effect */
  margin-bottom: 15px;

}

.alert-box:hover {
  background-color: #e57373; /* Lighter red on hover */
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); /* Adds a subtle shadow on hover */
}

.has-dropcap:first-letter {
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  float: left;
  font-size: 6rem;
  line-height: 0.65;
  margin: 0.1em 0.1em 0.2em 0;
}




@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}