#NavigationBar{position:absolute;z-index:3;top:100px;width:100%;min-height:35px;color:#fff;background-color:#bd1f2e;padding:0;margin:0;}#IconBlock{position:absolute;z-index:4;top:5px;left:0;padding:0;margin:0 0 0 10px;}.SocialIcon{cursor:pointer;text-align:center;color:#bd1f2e;background-color:#fff;width:30px;border-radius:5px;padding:5px;}.SocialIcon:hover{color:#fff;background-color:#000;}#ToggleMenu{position:absolute;top:10px;right:10px;}#NavigationLinks{display:none;text-align:right;color:#fff;font-weight:300;list-style-type:disc;list-style-position:inside;padding-top:35px;}#NavigationLinks li{display:block;cursor:pointer;text-transform:uppercase;padding:3px 10px;}#NavigationLinks li a{color:#fff;}#NavigationLinks li ul{display:none;cursor:pointer;width:auto;background-color:#000;margin:0;white-space:nowrap;}@media screen and (min-width:480px){#ToggleMenu{display:none;}#NavigationBar{text-align:right;min-height:auto;}#IconBlock{top:3px;}#NavigationLinks{display:block;font-weight:700;list-style-type:disc;list-style-position:inside;padding-top:0;}#NavigationLinks li{position:relative;display:inline-block;text-transform:uppercase;padding:3px 10px;}#NavigationLinks li:hover{background-color:#039;}#NavigationLinks li ul{display:none;cursor:pointer;position:absolute;top:30px;left:0;width:auto;background-color:#000;margin:0;white-space:nowrap;}#NavigationLinks li ul li{display:block;text-align:left;}#NavigationLinks li ul li:hover{color:#fff;background-color:#039;}}