.main_navigation_element {
  position: relative;
  background-color: #333;
  height: 0px;
  margin-bottom: 10px; }

.main_navigation_element div.menu-dropdown-trigger {
  position: absolute;
  top: -70px;
  right: 20px;
  z-index: 12;
  width: 36px;
  height: 36px;
  border: 2px solid white;
  cursor: pointer; }

.main_navigation_element div.menu-dropdown-trigger span {
  position: relative;
  display: block;
  width: 22px;
  height: 3px;
  margin: 15px 5px;
  background: white; }

.main_navigation_element div.menu-dropdown-trigger span:before, .main_navigation_element div.menu-dropdown-trigger span:after {
  content: "";
  position: absolute;
  top: -9px;
  width: 22px;
  height: 3px;
  background: white; }

.main_navigation_element div.menu-dropdown-trigger span:after {
  top: 9px; }

.main_navigation_element nav {
  display: none; }

.main_navigation_element nav.active {
  display: block;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  padding: 5px;
  background: #333;
  width: 100%; }

.main_navigation_element nav.active a {
  display: block;
  color: #FFF;
  line-height: 30px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
  margin: 0 10px;
  padding: 0 10px 10px 10px; }

.main_navigation_element nav.active a.current {
  color: #16b6eb; }

@media only screen and (min-width: 768px) {
  .main_navigation_element {
    height: auto; }
  .main_navigation_element .menu-dropdown-trigger {
    display: none; }
  .main_navigation_element nav {
    display: block;
    padding: 5px 20px; }
  /*
            &.active {
              display: none;
            }
*/
  .main_navigation_element nav.align-left {
    text-align: left; }
  .main_navigation_element nav.align-center {
    text-align: center; }
  .main_navigation_element nav.align-right {
    text-align: right; }
  .main_navigation_element nav a {
    display: inline-block;
    color: #FFF;
    line-height: 30px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
    margin: 0 10px;
    padding: 0 10px 10px 10px; }
  .main_navigation_element nav a.current {
    color: #16b6eb; }
  .main_navigation_element nav.active {
    position: static;
    z-index: auto;
    top: auto;
    left: auto;
    padding: 5px 20px;
    background: #333;
    width: 100%; }
  .main_navigation_element nav.active a {
    display: inline-block; } }