@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700|Roboto+Condensed:400,700,400italic,700italic|Ubuntu:400,400italic,500,500italic,700,700italic);
body {
  font-family: "Roboto Condensed", sans-serif; }

a:hover {
  text-decoration: none; }

.navbar-default {
  background-color: rgba(51, 51, 51, 0.5);
  border-color: #333; }
  .navbar-default .navbar-collapse {
    background-color: #555; }
    @media only screen and (min-width: 780px) {
      .navbar-default .navbar-collapse {
        background-color: transparent; } }
  .navbar-default .navbar-nav > li > a {
    color: #FFF; }
    .navbar-default .navbar-nav > li > a:hover {
      color: #CCC; }
  .navbar-default .navbar-toggle {
    border: 0;
    color: #FFF; }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
      background-color: transparent; }
    .navbar-default .navbar-toggle:hover {
      color: #CCC; }
    .navbar-default .navbar-toggle .fa-bars {
      font-size: 2em; }

.navbar-brand h2 {
  color: #FFF;
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  margin: 0; }
  .navbar-brand h2:hover {
    color: #CCC; }

section {
  text-align: center;
  margin: auto; }

article {
  padding: 50px 20px; }
  article h2 {
    font-weight: 700; }

.image, .main-img, #about-me .img-circle, #skills .skills div, #projects .projects .img-rounded {
  background-repeat: no-repeat;
  background-size: cover;
  margin: auto; }

.main-img {
  background-image: url("/assets/images/main-img-sm.png");
  background-position: left center;
  height: 500px; }
  @media only screen and (min-width: 768px) {
    .main-img {
      background-image: url("/assets/images/main-img-lg.png");
      height: 750px; } }

#about-me .img-circle {
  background-image: url("/assets/images/Me.png");
  background-position: left bottom;
  height: 200px;
  margin: 20px auto;
  max-width: 200px; }
#about-me .follow .fa {
  margin: 15px;
  padding: 10px; }

#skills {
  background-color: #EEE; }
  #skills .skills {
    display: inline-block;
    padding: 35px; }
    #skills .skills div {
      height: 80px;
      width: 80px; }
    #skills .skills #css {
      background-image: url("/assets/images/css.png"); }
    #skills .skills #js {
      background-image: url("/assets/images/javascript.png"); }
    #skills .skills #jquery {
      background-image: url("/assets/images/jquery.png"); }
    #skills .skills #java {
      background-image: url("/assets/images/java.png"); }
    #skills .skills #ruby {
      background-image: url("/assets/images/ruby.png"); }
    #skills .skills #rails {
      background-image: url("/assets/images/rails.png"); }

#projects .projects {
  padding: 50px 0; }
  #projects .projects h3 {
    margin: 20px auto; }
  #projects .projects .fa {
    color: Black;
    padding: 10px 20px; }
    #projects .projects .fa:hover {
      color: #777; }
  #projects .projects .img-rounded {
    background-position: left top;
    height: 350px;
    margin: 15px auto;
    max-width: 350px; }
  #projects .projects #bsides-seattle {
    background-image: url("/assets/images/bsides.png"); }
  #projects .projects #set {
    background-image: url("/assets/images/set.png"); }
  #projects .projects #anagram {
    background-image: url("/assets/images/anagram.png"); }
  #projects .projects #seattle-humane {
    background-image: url("/assets/images/seattlehumane.png"); }
  #projects .projects #coffeeshop {
    background-image: url("/assets/images/coffeeshop.png"); }
  #projects .projects #movie-ticket {
    background-image: url("/assets/images/movieapp.png"); }
  #projects .projects #payday {
    background-image: url("/assets/images/payday.png"); }
  #projects .projects #prismbox {
    background-image: url("/assets/images/PrismBox.png"); }
  #projects .projects #food-map {
    background-image: url("/assets/images/FoodMap.png"); }
  #projects .projects #web-ttt {
    background-image: url("/assets/images/TicTacToe.png"); }
  #projects .projects #java-ttt {
    background-image: url("/assets/images/JavaTicTacToe.png"); }
  #projects .projects h5 {
    background-color: #DDD;
    margin: 10px auto;
    max-width: 350px;
    padding: 10px 5px; }

/*# sourceMappingURL=application.css.map */