#title {
  text-align: center;
  color: black;
  text-shadow: 0 0px 10px white;
  margin-top: 50px;
}
/*
.nav-links {
  display: flex;
  align-items: center;
  background: #219c90;
  padding: 20px 15px;
  border-radius: 12px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.nav-links li {
  list-style: none;
  margin: 0 12px;
}

.nav-links li a {
  font-weight: 500;
  position: relative;
  color: white;
  font-size: 20px;
  font-weight: 500;
  padding: 12px 0;
  text-decoration: none;
}

.nav-links li a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 0%;
  background: #e9b824;
  border-radius: 12px;
  transition: all 0.4s ease;
}

.nav-links li a:hover:before {
  width: 100%;
}
*/

/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {
  height: 700px;
}

/* Set gray background color and 100% height */
.sidenav {
  padding-top: 20px;
  background-color: #d83f31;
  height: 100%;
}

/* Set black background color, white text and some padding */
footer {
  padding-right: 50px;
  padding-left: 20px;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 1162px) {
  .sidenav {
    height: auto;
    padding: 15px;
  }
  .row.content {
    height: auto;
  }
}

.col-lg-10 {
  background-color: #ee9322;
}

#cindopicture {
  padding-bottom: 20px;
}

.mainimg {
  max-width: 1000px;
  border: 3px solid rgb(190, 35, 15);
}

.main {
  margin-bottom: -25px;
}

h1,
h2,
h3 {
  font-family: "Edu QLD Beginner", cursive;
}

.heading-text {
  margin-top: 15px;
}