* {
  /*outline: 1px solid red;*/
  border-radius: 3px !important;
  font-family: 'Cabin', sans-serif;
}

html {
  width: 100vw;
  margin: 0 auto;
}

body {
  width: 80%;
  min-height: 100vh;
  position: relative;
}

header {
  width: 100%;
  margin: 60px 0;
  position: relative;
  font: 2em sans-serif;
}

header h1 {
  float: left;
  /*position: absolute;
  left: 0;*/
}

header div {
  font-size: .75em;
  margin: 30px 0 10px auto;
  float: right;
  /*position: absolute;
  right: 0;
  top: 50%;*/
}

header .fa {
  font-size: .8em;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Lora', serif;
  font-weight: bold;
  font-size: 130%;
}

h4 {
  cursor: pointer;
}

#content {
  clear: both;
  margin: 200px 0 0 0;
}

#entries {
  width: 70%;
  display: inline-block;
  float: left;
}

.entry {
  margin: 0 0 40px 0;
  font-size: 118%;
}

#contribute {
  width: 20%;
  margin: 0 0 0 8%;
  display: inline-block;
  float: left;
  font-size: 120%;
}

#contribute * {
  margin: 10px auto;
}

#contribute-forms form, #contribute-forms div {
  margin: 40px 0 0 0;
}

.form-text {
  color: #337a88;
  text-align: center;
  font-weight: bold;
}

.btn-default {
  width: 100%;
  background-color: #efefef;
  font-size: 108%;
}

em, .pos {
  font-style: italic;
}

footer {
  width: 100%;
  position: absolute;
  bottom: 0px;
  text-align: center;
}

@media (min-width: 1200px) {
    .container{
        max-width: 970px;
    }
}