/*Place all the styles related to the welcome controller here.
They will automatically be included in application.css.
You can use Sass (SCSS) here: http://sass-lang.com/*/

$center-margin: 1em auto;

.fill {
  min-height: 100%;
}

.fill .container {
  width: 60%;
}

#home {
  h1 {
    margin-top: 0em;
    font-size: 500%;
  }

  h2 {
    margin-top: 0em;
    text-align: right;
  }

  img {
    margin-top: 2em;
  }
}

#projects {
  img {
    border: 1px solid #dcdcdc;
  }

  h3 {
    margin: 0;
  }

  .col-md-8 {
    padding: 0;
  }
}

#about {
  .row {
    margin-bottom: .5em;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .emphasize {
    font-size: 150%;
  }

  .social-icon {
    width: 4em;
    margin: .5em;
  }
}
/*Place all the styles related to the welcome controller here.
They will automatically be included in application.css.
You can use Sass (SCSS) here: http://sass-lang.com/*/

$center-margin: 1em auto;

//.fill {
//  min-height: 100%;
//}

.fill .container {
  width: 60%;
}

#home {
  h1 {
    margin-top: 0em;
    font-size: 500%;
  }

  h2 {
    margin-top: 0em;
    text-align: right;
  }

  img {
    margin-top: 2em;
  }
}

#projects {
  img {
    border: 1px solid #dcdcdc;
  }

  h3 {
    margin: 0;
  }

  .col-md-8 {
    padding: 0;
  }
}

#about {
  .row {
    margin-bottom: .5em;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .emphasize {
    font-size: 150%;
  }

  .social-icon {
    width: 4em;
    margin: .5em;
  }
}

Fix responsiveness bug on tall, thin pages. (Large blank area between splash image and projects subsection)
Fix responsiveness bug on tall, thin pages.  (Large blank area between
splash image and projects subsection)
