p {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 18px;
}
h1,h2, .nav-link, .footer-nav a {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 22px;
    letter-spacing: .28em;
    font-weight: 400;
    text-transform: uppercase;
}
h3 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 22px;
    letter-spacing: .24em;
    font-weight: 400;
    text-transform: uppercase;
}
.table {
    display: table;
    border-spacing: 0.5em;
}
.table-row {display: table-row; }
.table-cell {display: table-cell; }

a:hover {
    color:#ff7000 !important;
}

.nav-link, .footer-nav a {
    font-size:16px;
}
.small {font-size: 75%;}

.zoom {
    transition: transform .4s, filter 0.6s, opacity 0.6s ease-in-out; /* Animation */
    opacity: 1.0;
    filter: grayscale(0%);
}
.zoom:hover {
    transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  /*  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  /*  filter: grayscale(100%);*/
   /* opacity: 0.5;*/
   /* transform: scale(1.5) rotate(25deg);*/
    filter: grayscale(80%);
    opacity: 0.8;
}
.nav-item, .footer-nav {
    position: relative;
}
.nav-link:after, .footer-nav:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    top: 100%;
    left: 0;
    background: #ff7000;
    transition: transform 0.5s;
    transform: scaleX(0);
    transform-origin: right;
}
.nav-link:hover, .footer-nav a:hover {
    color: #95a5a6;
}
.nav-link:hover::after, .footer-nav a:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}
.nav-link, .footer-nav a{
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(
to right,
#ff7000,
#ff7000 50%,
#95a5a6 50%);
background-size: 200% 100%;
background-position: -100%;
transition: all 0.6s ease-in-out;
}

.nav-link:hover{
    background-position: 0%;
}