*{margin:0;padding:0}.navbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(112,136,180,.5);padding:10px 20px;position:fixed;width:100%;height:80px;top:0;z-index:1000;.logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;img{border-radius:10px;width:50px;margin-right:10px}.taber-right{width:400px;background-color:pink;margin-left:100px;.nav-item{text-decoration:none;color:#000;padding:10px;display:inline-block}}}}.nav-item{text-decoration:none;color:#fff}.nav-item:hover{text-decoration:underline}.bottom{width:100%;height:250px;background-color:#5b90fa;padding-left:230px;padding-right:230px;padding-top:30px;-webkit-box-sizing:border-box;box-sizing:border-box;.nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;height:150px;.nav-one{width:20%;h4{text-align:left;margin-top:25px;color:#fff}}.nav-one,.nav-two{height:150px;border-right:1px solid #88aefa}.nav-two{width:30%;p{text-align:left;margin-top:30px;font-size:13px;color:#fff;img{margin-top:3px;width:20px}}}.nav-three{width:15%;height:150px;img{width:100px}p{color:#fff}}}.nav-bottom{margin-top:10px;border-top:1px solid #88aefa;height:30px;span{margin:10px;line-height:50px;font-size:10px}}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin:0;padding:0}.navbar{color:#fff;padding:10px 0}.navbar a{color:#fff;text-decoration:none;padding:8px 15px}.navbar a.router-link-exact-active{background-color:#2d6de9;border-radius:10px;color:#fff}.content{padding:20px}@media (max-width:768px){#app{margin-top:40px}}