/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

nav ul a,
nav .brand-logo {
  color: #444;
}

a {
  border-bottom: 1px dotted salmon;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  transition: all .5s;
}

nav ul a {
  border-bottom: 0px dotted white;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  transition: all .5s;
}


nav ul a:hover {
    color: black!important;
    background-color: white;
}

a.red-text:hover {
  color: black!important;
  border-bottom: 1px dotted black!important;
  }

nav ul a.active {
    color: salmon!important;
}

h1.header {
  -webkit-transition: all 5s;
  -moz-transition: all 5s;
  -o-transition: all 5s;
  -ms-transition: all 5s;
  transition: all 5s;
}

p {
  line-height: 2rem;
}

.button-collapse {
  color: blue;
}

.fa-2x {
  margin-right: 1rem;
}

.parallax-container {
  min-height: 60vh;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

footer.page-footer {
  margin: 0;
}

p .fa-button {
  font-family: font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style:oblique;
  font-weight: 200;
}

.fa-button .fa {
  margin-left: .5rem;
  font-size: 0.8625rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  transition: all .5s;
}

.fa-button .fa:hover {
  margin-left: .75rem;
}

.behance .fa, .github .fa, .instagram .fa, .linkedin .fa, .twitter .fa, .medium .fa {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  transition: all .5s;
}

.behance .fa:hover {
  color: #1769ff;
}

.github .fa:hover {
  color: #333333;
}

.instagram .fa:hover {
  color: #405de6;
}

.linkedin .fa:hover {
  color: #0077b5;
}

.twitter .fa:hover {
  color: #1da1f2;
}

.medium .fa:hover {
  color: #00ab6c;
}


h1 {
  color: black;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
}


.left-align.light span {
  border-bottom: 1px dotted blue;
}

.service-icons {
  display: block;
  max-width: 62.5%;
  margin: 0 auto;
}
.icons-row .s12.m4.l4 {
  margin-bottom: 4rem;
}

.icons-row .s12.m4.l4 img {
  margin-bottom: 1rem;
}