.tri-before{
  margin-left: 10px;
}
.tri-before::before{
  content: ' ';
  width: 3px;
  height:3px;
  position: absolute;
  margin-left:-9px;
  margin-top: 7px;
  border-top: 3px solid black;
  border-left: 3px solid black;
  border-right: 3px solid #fff !important;
  border-bottom: 3px solid #fff !important;
}
a.contact{
  color: #337ab7;
}

a.contact:hover{
  color: #23527c;
  text-decoration: underline;
}

#main{
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 80px;
}

#content{
  border: 2px solid #d2c2b6;
  padding: 50px 10px;
  box-shadow: 15px 15px 0 #d2c2b6;
  margin-right: 10px;
}

h3.section-header{
  padding: 0 0.75rem;
  height: 60px;
}

h3.section-header #backtitle{
  color: #d2c2b6;
  font-family: Optima;
  font-size: 70px;
  font-weight: 100;
  opacity: 0.6;
  display: inline-block;
  padding-bottom: 16px;
  border-bottom: 2px solid #C0A794;
}

h3.section-header #backtitle.author{
  border-bottom: 2px solid #8C9090;
  opacity: 1;
}

h3.section-header #backtitle.column{
  color: #A6B1B0;
}

h3.section-header #maintitle{
  position: relative;
  top: -55px;
  font-size: 35px;
  left: 10px;
  font-weight: bold;
}

.main-container{
  max-width: 1200px;
  margin: auto;
}
@media only screen and (max-width: 1400px) {
  .main-container{
    max-width: 960px;
    margin: auto;
  }
}
@media only screen and (max-width: 800px){
  .main-container{
    max-width: 640px;
  }
}