html, body { padding:0px; margin:0px; }
body { font-family: itc-avant-garde-gothic-medium; font-weight: 300; font-style: normal; letter-spacing: .02em; text-transform: none; line-height: 1.8em; }

.grey { background:#38383b; color:#fff; }
.white { background:#fff; color:#38383b; }

.drop-shadow { -webkit-box-shadow: 5px 5px 15px 5px #262626; box-shadow: 5px 5px 15px 5px #262626; }
.fade-in { -webkit-animation: fadein 1s; -moz-animation: fadein 1s; -ms-animation: fadein 1s; -o-animation: fadein 1s; animation: fadein 1s; }
@keyframes fadein { from { opacity: 0; } to   { opacity: 1; } }
@-moz-keyframes fadein { from { opacity: 0; } to   { opacity: 1; } }
@-webkit-keyframes fadein { from { opacity: 0; } to   { opacity: 1; } }
@-ms-keyframes fadein { from { opacity: 0; } to   { opacity: 1; } }
@-o-keyframes fadein { from { opacity: 0; } to   { opacity: 1; } }

.navbar-dark { padding-left:40px; border-bottom:1px solid #c1c1c1; }
.navbar-dark .navbar-nav { margin-left:25vw; }
.navbar-dark .navbar-nav a.nav-link { font-size:14px; font-family:itc-avant-garde-gothic-medium; font-weight:100; color:#c1c1c1; text-decoration:none;  }

@media only screen and (max-device-width: 900px) {
    .navbar-dark .navbar-nav { margin-left:10vw; }
}

.bg-dark { background-color: #38383b!important; }
.feather { width:100px; }