/* Theming */

ul.menu{
	color: #fff;
	background-color: #038AE4;
}

.nav {
  background-color: $038AE4;
  color: #fff;
}

   ul.menu a {
      color: #fff;
   }
      ul.menu a:hover {
      color: #fff;
	  background-color:#143D55;
   }

/* 1. Menu settings */
ul.menu, ul.menu li {
    margin: 0;
    padding: 0;
  }

  /* 1.2 Sizing-up links */
ul.menu a {
    font-weight: 700;
    padding: .75em 1.25em;
    transition: background .25s ease-in-out;
  }
  
  /* 1.3 List-items */
ul.menu li {
    position: relative;
    border-width: 0px;
    border-style: solid;
    }
  
  /* 1.4 Default display for menu-items and links */
ul.menu li, ul.menu a {
    display: block;
  }
  

/* 2. Screen settings */
@media only screen and (min-width: 800px) {
  
  /* 2.1 Flex-display of `.menu` for desktop */
ul.menu {
    display: flex;
    flex-flow: row wrap;
  }
    
    /* 2.1.1 Border adjustments for menu-items */
ul.menu li {
      border-width: 0;
    }
  }