/* "Teknologröd" (the color of Teknologföreningen): #b20738 */

body {
  font: 12px "Montserrat-Light", sans-serif;
}

#menu-logo {
  width: 4rem;
  margin-left: 0.5rem;
  display: inline-block;
  float: left;
}

h1, h2, h3, h4 {
  text-transform: uppercase;
}

.top-bar {
  border-bottom: solid 1px #e2e2e2;
}

.top-bar, .top-bar ul {
  background-color: #ffffff;
}

.bottom-bar {
  border-top: solid 1px #e2e2e2;
}

ul.menu>li>a {
  text-transform: uppercase;
  color: #000000;
  font-size: 1.2rem;
}

ul.menu>li.current>a {
  color: #b20738;
  font: 1.2rem "Montserrat-Bold", sans-serif;
}

.site {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.site-content {
  flex: 1 0 auto;
}

/* "Teknologröd" (the color of Teknologföreningen): #b20738 */

body {
  font: 12px "Montserrat-Light", sans-serif;
}

#menu-logo {
  width: 4rem;
  margin-left: 0.5rem;
  display: inline-block;
  float: left;
}

h1, h2, h3, h4 {
  text-transform: uppercase;
}

.top-bar {
  border-bottom: solid 1px #e2e2e2;
}

.top-bar, .top-bar ul {
  background-color: #ffffff;
}

.bottom-bar {
  border-top: solid 1px #e2e2e2;
}

ul.menu>li>a {
  text-transform: uppercase;
  color: #000000;
  font-size: 1.2rem;
}

ul.menu>li.current>a {
  color: #b20738;
  font: 1.2rem "Montserrat-Bold", sans-serif;
}

.nav-child {
  display: none;
}

.menu li:hover .nav-child {
  display: block;
  position: fixed;
  background-color: #fff;
  border: 1px solid black;
  padding: 0.5em;
  text-transform: uppercase;
}

.menu li:hover .nav-child a {
  color: black;
}

.site {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.site-content {
  flex: 1 0 auto;
}

Hide sub-menu except on hover
Hide sub-menu except on hover
