body {
    background-color: #C79C9C;
}

h1 {
    font-family: 'Raleway', sans-serif;
    font-size: 400%;
    color: #EBE6DF;
}

h3 {
    font-family: 'Raleway', sans-serif;
    font-size: 3rem;
    text-align: center;
}

h4 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #EBE6DF;
}

h5 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #F2969B;
}

p {
    font-family: 'Quicksand', sans-serif;
    color: #EBE6DF;
}

a {
    color: #EBE6DF;
}

i {
    color: #EBE6DF;
}

.btn:hover {
    background-color: #F2969B;
}

.btn-large {
    background-color: #F2969B;
    color: #EBE6DF;
}

.btn-large:hover {
    background-color: #f2969a;
}

.accurate-scroll {
    padding-top: 64px;
    margin-top: -32px;
}

/* Jumbotron */
.jumbotron {
    background-image: url(marble-min.jpg);
    background-size: 100% 100%;
    height: 100vh;
}

.headname {
    width: 100%;
}

.btn-welcome {
    margin-top: 4em;
    background-color: #C79C9C;
    color: #EBE6DF;
}

.btn-welcome:hover {
    background-color: #C79C9C;
}

.btn-welcome:active {
    background-color: #C79C9C;
}

.welcome-container {
    background-color: #716969ad;
}

.headshot {
    margin-top: 3%;
}

/* Navigation */
.navbar {
    background-color: #716969;
}

.navbar-brand img {
    width: 24em;
}

.navbar a {
    color: #EBE6DF;
}

/* Skills Table */
table {
    background-color: #716969;
    color: #EBE6DF;
    margin-bottom: 3em;
}

/* Cards */
.cards-container {
    margin-bottom: 3em;
}

.card-reveal p {
    color: #716969;
    text-align: justify;
}
.card-content {
    background-color: #EBE6DF;
}
.card-content a {
    background-color: #F2969B;
    color: #EBE6DF;
}
.btn-floating {
    background-color: #F2969B;
}

.text-center {
    text-align: center;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #716969be;
  }

.overlay h5 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #F2969B;
    font-size: 300%;
}
  
  .card-image:hover .overlay {
    opacity: 1;
  }
  
  .overlay-text {
    color: #f2969a;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
  }

  ul.project-info {
      list-style-type: circle;
  }

/* Contact */
.contact-container {
    margin-bottom: 3em;
}

input, textarea {
    color: #EBE6DF;
}

.contactbox {
    background-color: #716969;
    padding: 5%;
    margin-bottom: 5%;
    border: 2px solid #F2969B;
    box-shadow: 0 1px 0 0 #000;
}

.input-field input[type=text]:focus + label {
    color: #F2969B;
}

.input-field input[type=text]:focus {
    border-bottom: 1px solid #F2969B;
    box-shadow: 0 1px 0 0 #000;
}

.input-field .prefix.active {
    color: #F2969B;
}

.btn-submit {
    background-color: #F2969B;
}

.toasty {
    color: #EBE6DF;
    background-color: #f2969a;
}

/* Footer */
.page-footer {
    background-color: #716969;
}

.page-footer p {
    color: #EBE6DF;
}

.space-right {
    margin-left: .3em;
}

/* Masonry */
.cards-container {
    column-break-inside: avoid;
  }
  .cards-container .card {
    display: inline-block;
    overflow: visible;
  }
  
  @media only screen and (max-width: 600px) {
    .cards-container {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1;
    }
  }
  @media only screen and (min-width: 601px) {
    .cards-container {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
    }
  }
  @media only screen and (min-width: 993px) {
    .cards-container {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
    }
  }