* {
  box-sizing: border-box;
}

/* Page background color */
body {
  font-family: calibri;
  background-color: #9FF9BD ;
}

/* Row background color lighter than page background color */
.row {
  background-color: #9FF9BD ;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 45%;
  margin-right: 10px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Big tab for spaces between header links */
.tab{
     Padding-left:200px;
}

/* Green highlight when hovering over links */
a:hover { 
  background-color: #71F8B0;
}

/* Nested drop-down menus */
ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #22E68B;
}
ul li {
  display: block;
  position: relative;
  float: left;
  background: #22E68B;
}
li ul { display: none; }
ul li a {
  display: block;
  padding: 1em;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
}
ul li a:hover { background: #71F89A; }
ul ul li:hover > a { background: #71F89A; }
li:hover > ul {
  display: block;
  position: absolute;
}
li:hover li { float: none; }
li:hover a { background: #22E68B; }
li:hover li a:hover { background: #22E68B; }
.main-navigation li ul li { border-top: 0; }
ul ul ul {
  left: 100%;
  top: 0;
}
ul:before,
ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
ul:after { clear: both; }
