body {
  overflow-x: hidden;
  line-height: 1.3em; }

p {
  font-size: 20px; }
  p.small {
    font-size: 16px; }

hr {
  margin: 10px 0px; }

.btn {
  padding: 5px 30px;
  margin-bottom: 1em; }

a {
  outline: 0;
  color: #2c3e50; }
  a:hover {
    outline: 0;
    color: #2c3e50; }
  a:focus {
    outline: 0;
    color: #2c3e50; }
  a:active {
    outline: 0;
    color: #2c3e50; }
  a.active {
    outline: 0;
    color: #2c3e50; }

h1 {
  text-transform: uppercase;
  font-family: Roboto Slab, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 700; }

h2 {
  text-transform: uppercase;
  font-family: Roboto Slab, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 700; }

h3 {
  text-transform: uppercase;
  font-family: Roboto Slab, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 700; }

h4 {
  text-transform: uppercase;
  font-family: Roboto Slab, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 700; }

h5 {
  text-transform: uppercase;
  font-family: Roboto Slab, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 700; }

h6 {
  text-transform: uppercase;
  font-family: Roboto Slab, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 700; }

.modal-content {
  background-color: white; }

.btn-default {
  background-color: #b40000;
  border-color: #b40000; }

.img-centered {
  margin: 0 auto; }

header {
  text-align: left;
  color: white;
  background: #8bc349; }
  header .container {
    padding-top: 5px;
    padding-bottom: 20px; }
  header img {
    display: block;
    margin: 6px auto 0px; }
  header .intro-text .name {
    display: block;
    text-transform: uppercase;
    font-family: Roboto Slab, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    font-weight: 700;
    text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 0; }
  header .intro-text .skills {
    font-size: 1.25em;
    font-weight: 300;
    text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 0; }

@media (min-width: 768px) {
  header .container {
    padding-top: 5px;
    padding-bottom: 20px; }
  header .intro-text {
    line-height: 3.5em; }
    header .intro-text .name {
      font-size: 2.7em; }
    header .intro-text .skills {
      font-size: 1.75em; } }
section {
  padding: 20px 0; }
  section h2 {
    margin: 0;
    font-size: 2em; }
  section h3 {
    font-size: 18px;
    margin: 0px 0px 5px 0px; }
  section p {
    font-size: 16px;
    margin: 0px 0px 10px 0px; }
  section.success {
    color: white;
    background: #8bc349; }

@media (max-width: 767px) {
  header .intro-text {
    padding-top: 20px; }
    header .intro-text .name {
      font-size: 14px; }
    header .intro-text .skills {
      font-size: 12px; }

  section {
    padding: 20px 0; }
    section.first {
      padding-top: 20px; } }
#portfolio .portfolio-item {
  right: 0;
  margin: 0 0 15px;
  padding: 0 5px 0 5px; }
  #portfolio .portfolio-item .portfolio-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 260px; }
    #portfolio .portfolio-item .portfolio-link .caption {
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0;
      background: #8bc349;
      transition: all ease 0.5s;
      border-radius: 50%; }
      #portfolio .portfolio-item .portfolio-link .caption:hover {
        opacity: 1; }
      #portfolio .portfolio-item .portfolio-link .caption .caption-content {
        position: absolute;
        top: 50%;
        width: 100%;
        height: 20px;
        margin-top: -12px;
        text-align: center;
        font-size: 20px;
        color: white; }
        #portfolio .portfolio-item .portfolio-link .caption .caption-content i {
          margin-top: -12px; }
        #portfolio .portfolio-item .portfolio-link .caption .caption-content h3 {
          margin: 0; }
        #portfolio .portfolio-item .portfolio-link .caption .caption-content h4 {
          margin: 0; }
#portfolio * {
  z-index: 2; }

@media (min-width: 767px) {
  #portfolio .portfolio-item {
    margin: 0 0 30px; } }
.btn-outline {
  margin-top: 15px;
  border: solid 2px white;
  font-size: 20px;
  color: white;
  background: 0 0;
  transition: all 0.3s ease-in-out; }
  .btn-outline:hover {
    border: solid 2px white;
    color: #8bc349;
    background: white; }
  .btn-outline:focus {
    border: solid 2px white;
    color: #8bc349;
    background: white; }
  .btn-outline:active {
    border: solid 2px white;
    color: #8bc349;
    background: white; }
  .btn-outline.active {
    border: solid 2px white;
    color: #8bc349;
    background: white; }

footer {
  color: white; }
  footer h3 {
    margin-bottom: 30px; }
  footer .footer-above {
    padding-top: 50px;
    background-color: #8bc349; }
  footer .footer-col {
    margin-bottom: 50px; }
  footer .footer-below {
    padding: 25px 0;
    background-color: #8bc349; }

.btn:focus {
  outline: 0; }
.btn:active {
  outline: 0; }
.btn.active {
  outline: 0; }

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