@font-face { font-family: "DINWeb"; src: url("http://cdn.sporting.digitaljump.xyz/sites/all/themes/jump/fonts/DINWeb.woff") format("woff"); }
body { background-color: #e5e5e5; font-family: "DINWeb" !important; }

/* menu bar */
#navbar { background: #0c0c0c; width: 100%; top: 0; left: 0; position: fixed; z-index: 10; text-transform: uppercase; margin-top: 0px !important; }
#navbar .active { border: 2px solid #cb6710; border-radius: 2px; }
#nav { margin: 0; padding: 0 5em 0 5em; }
#navbar a { text-decoration: none; color: white; }
#navbar li { display: inline-block; padding: 5px !important; }
#navbar ul { float: right; list-style-type: none; padding-top: 5px; margin-right: -60px; }
#navbar a { background-color: #0c0c0c; color: white; padding: 10px; font-size: 16px; border: none; cursor: pointer; margin-top: 0px; }	
#nav ul li { position: relative; float: left; margin: 0; padding: 0; }
#navbar li a:hover:not(.active):not(.social) { border: 2px solid #cb6710; border-radius: 2px; }
#navbar li a { border: 2px solid #0c0c0c; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.social { padding: 0 !important; }

#content { width: 100%; position: relative; background-color: #e5e5e5; height: auto; }
hr { width :75%; color: #cb6710; }
#project { text-align: justify; font-size: 22px; line-height: 1.5; word-wrap: break-word; margin-left: 15%; margin-right: 15%; }