.header { 
  width: 100%;
  height: 50%;
  padding-left: 0px;   
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
  overflow: hidden;
}
#header{
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  color: white;
}

.parallax{
  background:url("img/azur.jpg") repeat fixed;
  background-size: 100%;
  background-size: cover;
  background-position: center;
}
.parallax-inner{
  padding-top: 22%;
  padding-bottom: 25%;
}

html, body {width: auto!important; overflow-x: hidden!important} 

#introHead{
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  color: white;
  font-size: 50px;
}

.introText{
  font-family: 'Montserrat', sans-serif;
  font-size: 25px;
  text-align: center;
  color: white;
}

/*.jumbotron{
  /*background-color: #a8c9ff;

  background: url("img/azur.jpg") repeat fixed;
  background-size: cover;
  background-size: 100%;
  background-position: center;
}*/

.aboutmethree{
  background-color: #f4f8ff;
  padding-top: 2%;
  padding-bottom: 2px;
  z-index: 3;
}

.imagehead{
    text-align: center;

}
.imagehead2{
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
}

.contactdiv{
  text-align: center;
  padding-top: 5px;
  padding-bottom: 1px;
}

.copyright{
  text-align: 'Montserrat', sans-serif;
  font-size: 12px;
}

.cardintro{
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  text-align: center;
}
.cardmeat{
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  text-align: center;
}
.card-4 {
  box-shadow: 0 10px 10px rgba(0,0,0,0.20), 0 10px 10px rgba(0,0,0,0.20);
}

.githubC{
  color:purple;
}
.linkC{
  color:#3385ff;
}
.gmail{
  color:#ff3300
}
.medium{
  color:#5b5d60;
}

.navcolor a {
  text-decoration: none;
}
.navcolor a:visited { 
  color: white;
}
.navcolor a:hover {
  color: gray;
}
.navbar-custom {
  margin-bottom: 0;
}
.navbar-custom .navbar-brand:focus {
  outline: 0;
}
.navbar-custom a {
  color: white;
}
.navbar-brand {
  font-family: 'Raleway';
  font-size: 22px;
  float: left;
  top: 0;
  width: 100%;
}
.page-scroll {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;  
}
@media(min-width:767px) {
  .navbar {
    padding: 20px 0;
    border-bottom: 0;
    background: 0 0;
  }