body{background-color:#ebe9e7}#first{display:flex;justify-content:space-between;align-items:center;padding:15px 40px;background-color:#709375;color:#f5f5f5;overflow:hidden}#head{float:left}a{transition-property:all;transition-duration:.6s;color:#fff;text-decoration:none}a:hover{color:#f8e00a}h3{font-size:23px}#user{float:right;padding:0;margin:0 0 0 20px;font-weight:300;font-size:11px;letter-spacing:.5px;text-transform:uppercase;text-align:right}#title::before{content:'\f015';font-family:'Font Awesome 5 Free';font-weight:900;margin-right:5px}@media (max-width:1024px){#first{flex-direction:column;padding:15px 30px;justify-content:flex-start}#first h3{margin:0 0 8px;font-size:20px;line-height:1.2}#user{margin:0;font-weight:400;line-height:1.85;text-align:left}}@media (max-width:767px){.dsahboard{width:auto}}