@import url(https://fonts.googleapis.com/css?family=Lato);
.logo {
    position: fixed;
    top: 0;
    left: 0;
    width: 25%;
    padding: 10px;
    object-fit: contain;
    z-index: 101;
}
.nav-bar{
    position: fixed;
    top: 0;
    height: 130px;
    width: 100%;
    background: #000;
    opacity: 80%;
    z-index: 101;
}
ul {
	 display: flex;
	 flex-direction: row;
	 align-items: start;
	 list-style-type: none;
   justify-content: space-between;
}
 ul li {
	 padding: 6px 0;
}
 ul li a {
	 position: relative;
	 display: block;
	 padding: 4px 0;
	 font-family: Lato, sans-serif !important;
	 font-size: 1.2rem;
	 color: #ecf0f1;
	 text-decoration: none;
	 text-transform: uppercase;
	 transition: 0.5s;
}
 ul li a::after {
	 position: absolute;
	 content: "";
	 top: 100%;
	 left: 0;
	 width: 100%;
	 height: 3px;
	 background: #3498db;
	 transform: scaleX(0);
	 transform-origin: right;
	 transition: transform 0.5s;
}
 ul li a:hover {
	 color: #95a5a6;
}
 ul li a:hover::after {
	 transform: scaleX(1);
	 transform-origin: left;
}
.nav{
  width: 75%;
  position: fixed;
  top: 0;
  right: 0;
  padding: 10px;
  z-index: 101;
  font-size: 18px;
}
.sda_logo{
	max-width: 300px;
}