body {
  background: #F7F7F7;
}

.nav a {
  color: black;
}

.nav a:hover {
  color: grey;
}

.header {
  margin: 0 3em 3em 3em;
}

.footer {
  background-color: #62AACF;
  color: #FFFFFF;

  min-height: 300px;
  margin-top: 5em;
}

.footer .row {
  padding-top:2em;
}

.header h1 {
  background-image: url('/assets/Logo.png');
  background-repeat: no-repeat;
  height:100px;
  display: block;
  background-size: contain;
  border-bottom: solid 2px black;
}

.jumbotron {
  background-color: #62AACF;
  color: #FFFFFF;
  border-radius: 0;
}

.jumbotron img {
  max-width: 100%;
  margin: 2em 0;
}
.row {
  margin-left: 0;
  margin-right: 0;
}
.panel {
  margin-top: 3em;
  padding: 1.5em;
  background: #F0F0F0;
}
.panel img {
  max-width: 100%;
  margin-bottom:2em;
}
.portfolio {
  margin-top:5em;
}

@media (min-width: 768px) {

  .jumbotron img {
    margin: -6em 0;
  }
}

.btn-primary {
  background: #12425a;
  border-color: #12425a;

}

.btn-primary:hover {
  background: #45758e;
  border-color: #12425a;
}

.fa-twitter {
  color: #1DA1F2;
}

.fa-facebook {
  color: #3b5998;
}


.nav--social a {
  margin: 1em 0.5em;
}

@media (min-width: 768px) {
  .nav--social {
    position: absolute;
    top: 0;
    right: 3em;
  }
}