/* general changes */
body { background-color: #e5e5e5; font-family: "Open Sans", sans-serif !important; margin: 0; }

/* menu bar */
#navbar { background: #6c80c8; width: 100%; top: 0; left: 0; position: fixed; z-index: 10; text-transform: uppercase; margin-top: 0px !important; }
#navbar .active { border: 2px solid white; 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: 0px; margin-right: -60px; }
#navbar a { background-color: #6c80c8; 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) { border: 2px solid white; border-radius: 2px; }
#navbar li a { border: 2px solid #6c80c8; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }

/* presentation */
#presentation { width: 100%; position: relative; background-color: #6c80c8; height: 250px; }
#title { font-size: 35px; font-family: "Open Sans Light" !important; color: white; }

/* content */
#content { width: 100%; position: relative; background-color: #e5e5e5; height: 950px; }
.subtitle { font-family: "Open Sans"; }
hr { width :75%; color: #6c80c8; }
#project { text-align: justify; font-size: 22px; line-height: 1.5; word-wrap: break-word; margin-left: 15%; margin-right: 15%; }
#flags img { width: 300px; height: auto; margin: 20px; }