@font-face {
	font-family: sahel;
	src: url('../font/Sahel.eot') format('eot'), /* IE6–8 */
	url('../font/Sahel.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../font/Sahel.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
body{
  min-height: 100vh;
  font: normal 16px sahel;
  text-align: right;
}

#navigation-purple {
    padding-bottom: 0px;
    margin: 0;
    background-color: #7a60e9;
    border: none;
    border-radius: 0;
}

#navigation-purple .nav > li > a {
    border-bottom: 2px solid transparent;
}

#navigation-purple .nav > li > a:hover {
    border-bottom-color: #fff;
}

#navigation-purple .nav > li:focus {
    background-color: transparent;
}

#navigation-purple .nav > li > a {
    font-size: 18px;
    color: white;
		display: inline-block;;
}

#navigation-purple .nav > li > a:hover,
#navigation-purple .nav > li > a:focus {
    background-color: transparent;
}

#navigation-purple .avatar {
    height: 80px;
}

#navigation-purple .fa-bars {
  color: white;
}

#navigation-purple .navbar-toggler {
    border-color: white;
}

#navigation-purple .navbar-toggler:hover,
#navigation-purple .navbar-toggler:focus {
     background-color: transparent;
}

@media screen and (max-width: 767px) {
	  .navbar-nav {
				border-top: 1px solid #eee;
		    margin-top: 10px;
	}

    #navigation-purple .navbar-collapse {
        padding-top: 0;
    }

    #navigation-purple ul>li {
        margin-bottom: 5px !important;
    }

    #navigation-purple ul>li>a {
        padding-bottom: 2px;
    }

    #navigation-purple .avatar {
        height: 60px;
    }
}