Header.site-header {
    background-color: #201f1f;
}
#bars {
  margin: 2em auto;
  max-width: 960px;
  overflow: hidden;
}

.bar {
  float: left;
  width: 20%;
  text-align: center;
}

.bar h3 {
  font-size: 1.4em;
  font-weight: normal;
  margin: 0;
  /*text-transform: capitalize;*/
}

.bar-circle {
  display: block;
  margin: 0.7em auto;
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);



/* .container {
  margin-top: -10px;
} */

h2 {
  color: #fff;
}

.title {
  font-weight: bold;
  font-size: 20px;
  color: #db3a34;
  margin-top: 50px;
}

.bar {
  width: 90%;
  height: 35px;
  background: rgb(235, 243, 252);
  border-radius: 5px;
  position: relative;
  transition: all 2s linear;
}


.bar-1,
.my-skills {
  width: 80%;
  margin: 10px auto 35px;
}

.bar-inner {
  width: 0;
  height: 35px;
  line-height: 35px;
  background: #db3a34;
  border-radius: 5px 0 0 5px;
}

.bar-percent {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 18px;
}

.single-course .details h4:hover {
    color: #55679C !important;
}

.btn-primary-custom{
    background-color: #1E2A5E;
    color: #fff;
    border-color: #fff;
}