<style type="text/css">

/* Basic styling */
			* {
			  box-sizing: border-box;
			  padding: 0;
			  margin: 0;
			}
			body {
			  font-family: "Montserrat", sans-serif !important;
			  font-size: 15px;
			}
			nav {
			  padding: 0px;
			}
			a {
			  color: white;
			  text-decoration: none;
			}
			.menu,
			.submenu {
			  list-style-type: none;
			}
			.logo {
			  font-size: 20px;
			  padding: 0;
			}
			.item {
			  padding: 5px;
			}
			.item.button {
			  padding: 9px 5px;
			}
			.item:not(.button) a:hover,
			.item a:hover::after {
			  color: #ccc;
			}
			/* Mobile menu */
			.menu {
			  display: flex;
			  flex-wrap: wrap;
			  justify-content: space-between;
			  align-items: center;
        padding: 0px;
        margin: 0px;
			}
			.menu li a {
			  display: block;
			  padding: 5px;
        font-size: 16px;
        font-weight: 800;
			}
			.menu li.subitem a {
			  padding: 15px;
			}
			.toggle {
			  order: 1;
			}
			.item.button {
			  order: 2;
			}
			.item {
			  order: 3;
			  width: 100%;
			  text-align: center;
			  display: none;
			}
			.active .item {
			  display: block;
			}
			.button.secondary {
			  /* divider between buttons and menu links */
			  border-bottom: 1px #444 solid;
			}
			/* Submenu up from mobile screens */
			.submenu {
			  display: none;
			}
			.submenu-active .submenu {
			  display: block;
        padding: 0px !important;
			}
			.has-submenu i {
			  font-size: 12px;
			}
			.has-submenu > a::after {
			  font-family: "Font Awesome 5 Free";
			  font-size: 12px;
			  line-height: 16px;
			  font-weight: 900;
			  content: "\f078";
			  color: white;
			  padding-left: 5px;
			}
			.subitem a {
			  padding: 10px 15px;
			}
			.submenu-active {
			  background-color: tra;
			  border-radius: 3px;
			}

			/* Tablet menu */
			@media all and (min-width: 700px) {
			  .menu {
				justify-content: center;
			  }
			  .logo {
				flex: 1;
			  }
			  .item.button {
				width: auto;
				order: 1;
				display: block;
			  }
			  .toggle {
				flex: 1;
				text-align: right;
				order: 2;
			  }
			  /* Button up from tablet screen */
			  .menu li.button a {
				padding: 10px 15px;
				margin: 5px 0;
			  }
			  .button a {
				background: #0080ff;
				border: 1px royalblue solid;
			  }
			  .button.secondary {
				border: 0;
			  }
			  .button.secondary a {
				background: #0E1920;
				border: 1px #0080ff solid;
			  }
			  .button a:hover {
				text-decoration: none;
			  }
			  .button:not(.secondary) a:hover {
				background: royalblue;
				border-color: darkblue;
			  }
			}

      @media all and (max-width: 960px) {
        .padr10 {
          padding: 0px 10px !important;
        }
      }  
			/* Desktop menu */
			@media all and (min-width: 960px) {
        nav * {
            font-size: 14px;
        }
        
        a.menubutton {
          background-color: transparent !important;
          font-family: 'Montserrat', Sans-serif !important;
          font-weight: 800 !important;
          background-image: linear-gradient(180deg, #62AA3D 0%, #0B6F39 100%) !important;
          transition-duration: 0.1s !important;
          border-radius: 25px !important;
          padding: 10px 30px !important;	
        margin-top: -5px;
      }

      a.menubutton:focus, a.menubutton:hover, a.menubutton:active {
        color: #F5F5F5 !important;
        background-image: linear-gradient(180deg, #F68E1E 0%, #A25502 100%) !important;
       }  
			  .menu {
				align-items: flex-start;
				flex-wrap: nowrap;
				background: none;
        padding-left: 0px;
        margin-block-start: 0em;
        margin-block-end: 0;
        padding-inline-start: 0px;  
			  }
			  .logo {
				order: 0;
			  }
			  .item {
				order: 1;
				position: relative;
				display: block;
				width: auto;
        padding: 15px 1.5%;  
			  }
        
        .logo {
              padding: 15px 10px;
              min-width: 220px;
        }
			  .button {
				order: 2;
			  }
			  .submenu-active .submenu {
				display: block;
				position: absolute;
				left: 0;
				top: 68px;
				background: #0E1920;
        padding: 0px !important;
        text-align: left; 
        min-width: 150px;  
			  }
			  .toggle {
				display: none;
			  }
			  .submenu-active {
				border-radius: 0;
			  }
			}
</style>