body {
  font-family: 'Oswald', sans-serif;
}

.navbar {

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,1+0,0.62+99,0.62+99,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0.62) 99%, rgba(0,0,0,0) 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.62) 99%,rgba(0,0,0,0) 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.62) 99%,rgba(0,0,0,0) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

    /* IE6-9 */

  }

  .navbar-light .navbar-brand {
    color: #FFFFFF !important;
  }

  .social:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
  }

  .social {
    color: #6c757d;
    -webkit-transform: scale(0.8);
    /* Browser Variations: */

    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
  }

  /*
  Multicoloured Hover Variations
*/

  #social-fb:hover {
    color: #3B5998;
  }

  #social-tw:hover {
    color: #4099FF;
  }

  #social-youtube:hover {
    color: #c4302b;
  }

  #social-wa:hover {
    color: #25D366;
  }

  #social-phone:hover {
    color: #4e342e;
  }

  #social-in:hover {
    color: #515bd4;
  }

  #social-email:hover {
    color: #f39c12;
  }

  body {overflow-x:hidden;}