.custom-navbar {
  height: 100px;
  background-color: #85baf7; /* Dark Purple */
}

.custom-navbar-brand {
  height: 250px;
}

.custom-navbar .nav-link {
  color: #FFFF00; /* Pure Yellow */
}

.custom-navbar .nav-link:hover {
  color: #FFD700; /* Gold for hover effect */
}

.logo {
  max-width: 70%; min-width: 30%;/* Limit size to n px */ 
  /*width: auto;*/
  max-height: 40%; min-height: 30%/* Limit size to n px */ 
  /*height: auto;*/
}

body {
  background-image: url("http://bootstrip.unserpla.net/images/triangles.jpg");
  background-repeat: repeat;
  background-size: auto;
}