.head {
  background: url('../images/bg.png') center no-repeat;
  background-size: cover;
}

.head.scrolled {
  background: url('../images/bg.png') center no-repeat;
  background-size: cover;
  padding-bottom: 0
}

.header .h-l-l {
  margin: 0 auto;
  padding: .675rem 0;
}

.nabout {
  width: 80%;
  margin: 0 auto;
  padding: 12rem 0;
}

.nabout .stitle {
  text-align: center;
}

.nabout .stitle:after {
  margin: 10px auto 0 auto;
}


.nabouttext {
  width: 54%;
  margin: 40px 0 0 0;
}

.naboutpic {
  width: 39%;
  margin: 44px 0 0 0;
}

.nabouttext h1 {
  font-size: 30px;
  line-height: 30px;
  margin: 0 0 20px 0;
  color: #282828;
  font-weight: normal;
}

.nabouttext p {
  font-size: 15px;
  color: #282828;
  line-height: 26px;
}

.stitle {
  font-size: 36px;
  color: #010000;
}

.stitle:after {
  display: block;
  content: '';
  margin: 10px 0 0 0;
  width: 44px;
  height: 2px;
  background: #0F4358;
}

@media screen and (max-width: 1200px) {
  html {
    font-size: 12px !important;
  }

  .nabouttext h1 {
    font-size: 20px;
    text-align: center;
  }

  .nabouttext p {
    font-size: 14px;
  }

  .nabout {
    width: 90%;
  }

  .nabouttext {
    width: 100%;
    float: none;
  }

  .naboutpic {
    width: 100%;
    float: none;
  }

}