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

.btn-xlg {
  padding: 15px 30px;
  font-size: 24px;
  font-weight: bold;
  color: #262626;
  background-color: white;
  border-radius: 8px;
}

.btn-xlg:hover {
  background-color: #F9CE57;
}

@media (max-width: 768px) {
  [class*="col-"] {
    margin-bottom: 12px;
  }
}

/*======== NAVBAR ========*/

#logo {
  height: 100%;
}

.navbar-default {
  background-color: white;
  border-color: transparent;
}

.navbar-default .nav > li > a {
  font-size: 18px;
  font-weight: bold;
  color: #262626;
}

.navbar-default .nav > li > a:hover {
  color: white;
}

.navbar-brand {
  padding-top: 7px;
  padding-bottom: 7px;
}

.navbar-default .navbar-toggle {
  border-color: white;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #07446B;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: white;
}

.navbar-default .navbar-collapse {
  border-color: white;
}

/*======== HOME ========*/

#home {
  background-image: url('../img/cover.jpg');
}

#home,
#process,
#get-involved {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: white;
}

#home .overlay,
#process .overlay,
#get-involved .overlay {
  background-color: rgba(181, 206, 227, 0.8);
}

#home h1 {
  font-size: 60px;
  font-weight: bold;
  margin: 0;
}

#home h2 {
  font-size: 36px;
  margin-top: 20px;
  margin-bottom: 40px;
}

#home .content {
  margin: 23% 0 25% 0;
  vertical-align: middle;
}

#home a,
#get-involved a {
  text-decoration: none;
}

/*======== ABOUT (WHO WE ARE) ========*/

#about .content,
#process .content,
#projects .content,
#get-involved .content {
  margin: 72px 0 60px 0;
  vertical-align: middle;
}

#about .row,
#process .row,
#projects .row,
#get-involved .row {
  padding-bottom: 48px;
}

@media (max-width: 768px) {
  #about .content,
  #process .content,
  #projects .content,
  #get-involved .content {
    margin: 60px 0 48px 0;
  }

  #about .row,
  #process .row,
  #projects .row,
  #get-involved .row {
    padding-bottom: 36px;
  }
}

#about h1,
#process h1,
#projects h1,
#get-involved h1 {
  margin: 0;
}

#about p,
#process p,
#projects p,
#get-involved p {
  line-height: 1.5em;
  font-size: 18px;
}

#about img,
#projects img {
  width: 100%;
}

#about a {
  text-decoration: none;
  color: #1E79B7;
}

#about a:hover {
  text-decoration: underline;
}

/*======== PROCESS (WHAT WE DO) ========*/

#process {
  background-image: url('../img/process.jpg');
}

#ideate {
  padding-top: 36px;
}

@media (max-width: 768px) {
  .dfa-process {
    font-size: 26px;
  }

  #ideate {
    padding-top: 26px;
  }
}

/*======== PROJECTS ========*/

#projects .content {
  margin: 72px 0 36px 0;
  vertical-align: middle;
}

@media (max-width: 768px) {
  #projects .content {
    margin: 60px 0 12px 0;
  }
}

#projects .date {
  margin: 6px 0;
  padding-bottom: 0;
  font-size: 12px;
}

h3 {
  margin-top: 4px;
  padding-bottom: 36px;
}

#projects > .container > .content > .row > .col-md-4:nth-child(3n+1) {
  clear: both;
}

/*======== GET INVOLVED ========*/

#get-involved {
  background-image: url('../img/get-involved.jpg');
}

#get-involved a {
  margin: 0 auto;
  display: block;
  width: 196px;
}

#profile-img {
  width: 250px;
  height: 250px;
}

/*======== FOOTER ========*/

#footer .content {
  margin: 10px 0;
}

#footer img {
  margin: 1px 0px;
  width: 98px;
}

#footer .social-media {
  width: 40px;
  margin: 3px 4px;
}

#footer #email-icon {
  background-color: #FF1A19;
  margin-right: 0;
}

#twitter-icon {
  background-color: #00ACED;
}

#fb-icon {
  background-color: #3B5998;
}