Team:SSTi-SZGD/css/header

.header{ width: 80%; height: 60px; padding: 5px 0 0 5px; background: rgba(0,0,0,0.431373); margin: auto; position: absolute; left: 0; right: 0; z-index: 1;}

.header .logo{ width: 180px; float: left;} .header .logo img{ width: 40px; float: left; margin: 4px 10px 4px 8px;} .header .logo span{ color: white; font-size: 1.6rem; font-weight: bold; letter-spacing: 2px; margin-top: 15px; display: inline-block;}

.header .nav{ float: right; position: relative;} .header .nav a{ display: block;} .header .nav .Home{ margin-right: 20px;} .header .nav .Home span:hover{ color: #FAEE0D;} .header .nav .Team{ width: 115px;} .header .nav .Project{ width: 110px;} .header .nav .Application{ width: 135px;} .header .nav .Human_Practices{ width: 165px;} .header .nav .Achievement{ width: 135px;} .header .nav .mainnav{ padding-top: 5px; float: left; text-align: center;} .header .nav .mainnav span{ margin-bottom: 17px; font-size: 1.8rem; padding-top: 5px; border-top: 4px solid rgba(255,255,255,0); color: #fff; display: inline-block;} .header .nav .mainnav:hover{ cursor: pointer;} .header .nav .unify{ background: rgba(0,0,0,0.431373); float: left; text-align: center; font-size: 1.5rem; width: inherit; display: none;} .header .nav .unify li{ margin: 5px auto 15px auto;} .header .nav .unify li a{ color: white;} .header .nav .unify li a:hover{ color: #FAEE0D;}