html {
  scroll-behavior: smooth;
}

.bio {
  font-size: 130%!important;
}

#services li{
  font-size: 120%!important;
}

.parallax {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 500px;
    padding: 0;
    margin: 0;
    text-align: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
    background-size: inherit!important;
}

.about .social-account li a:hover {
    background: #3f8bb5;
}

.about .social-account li a {
    background: #3F51B5;
}

#parallax-3{

}

@media only screen and (-webkit-min-device-pixel-ratio: 2){

  .header.animated-header {
      padding-top: 50px;
      margin-top: 0;
      opacity: 1 !important;
  }

}


@media only screen and (max-width: 640px){

  .header {
      height: 200px;
  }

  #parallax-3{
  display: none; 
  }

}