body {
  margin-top: 50px;
  font-family: 'Josefin Sans', sans-serif;
}

.nav-link {
  color: #515A5A;
}

#about-me, #my-projects, #contact-me, #skills {
  padding: 50px 0 50px 0;
}

#hello {
  background: url(./images/diag.jpg) no-repeat center center;
  background-size: cover;
  height: 100%;
  padding: 20em 0 20em 0;
}

#hello > h1 {
  padding-left: 100px;
  padding-right: 100px;
  font-size: 48pt;
  color: #000;
  color: #1B2631;
}

.normal-text {
  font-size: 14pt;
  color: #515A5A;
}

.nav > li {
  font-size: 14pt;
}

#about-me, /*#contact-me*/ #my-projects{
  background: #f8f8f8;
  background: #F2F3F4;
}

h1 {
  margin: 0 0 0 0;
  padding: 25px 0 25px 0;
}

h3 {
  margin: 40px 0 30px 0;
  color: #515A5A;
}

.fa-linkedin, .fa-github {
  vertical-align: middle;
  margin: 20px 5px 20px 5px;
}

#profile-pic {
  height: 18em;
  /*border-radius: 10px;*/
}

#bsm-ss, #chobi-ss, #repeat-ss {
  border: 1px solid darkgrey;
  box-shadow: 3px 3px 5px #888888;
}

.skills {
  margin-bottom: 40px;
}