body {
  background-color: #fffeff;
}

.container {
    margin-top: 10px;
  }

@media (min-width: 768px) {
  .container {
    margin-top: 30px;
  }
}

@media (min-width: 992px) {
  .container {
    margin-top: 40px;
  }
}

@media (min-width: 1200px) {
  .container {
    margin-top: 125px;
    max-width: 960px;
  }
}


#main {
  display: none;
}

.rule {
  border-top: 2px solid rgba(13, 31, 50, 0.7);
  width: 50px;
  display: block;
  margin-bottom: 12px;
}

#info {
  margin-bottom: 30px;
}

#photo img {
  width: 100%;
}

#title .copy {
  font-weight: 400;
  font-size: 32px;
  color: rgba(13, 31, 50, 1.0);
  line-height: 32px;
  margin-bottom: 12px;
}

#about .copy, #contact.copy, #contact .copy a {
  font-weight: 300;
  font-size: 17px;
  letter-spacing: 0.3px;
  line-height: 22px;
  color: rgba(13, 31, 50, 0.8);
}

#about .rule, #contact .rule {
  border-top: 2px solid rgba(13, 31, 50, 0.5);
}


@media (max-width: 768px) {
  #about .rule, #contact .rule {
    margin-top: 22px;
  }
}

a:hover {
  text-decoration: none;
}