a#marriner-logo {
  background: url(https://dev.marriner.com/wp-content/themes/mmc2019/elements/styles/../images/marriner-logo.svg) center center no-repeat;
  background-size: contain;
  background-attachment: scroll;
  width: 120px;
  height: 120px;
  position: fixed;
  left: 40px;
  top: 40px;
  z-index: 10001;
  cursor: pointer;
  -moz-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: 0px !important;
}
a#marriner-logo.scroll {
  width: 100px;
  height: 100px;
}
a#marriner-logo.menuopen {
  width: 120px !important;
  height: 120px !important;
}
a#marriner-logo.frankenstein {
  background-image: url(https://dev.marriner.com/wp-content/themes/mmc2019/elements/styles/../images/marriner-logo.frankenstein.svg);
  width: 150px;
  left: 25px;
}
a#marriner-logo.frankenstein.scroll {
  width: 135px;
  height: 100px;
}
a#marriner-logo.frankenstein.menuopen {
  width: 150px !important;
  height: 120px !important;
}
a#marriner-logo.turkey {
  background-image: url(https://dev.marriner.com/wp-content/themes/mmc2019/elements/styles/../images/marriner-logo.turkey.svg);
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
}
a#marriner-logo.blackfriday {
  background-image: url(https://dev.marriner.com/wp-content/themes/mmc2019/elements/styles/../images/marriner-logo.blackfriday.svg);
  width: 150px;
  left: 25px;
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
}
a#marriner-logo.blackfriday.scroll {
  width: 135px;
  height: 100px;
}
a#marriner-logo.blackfriday.menuopen {
  width: 150px !important;
  height: 120px !important;
}
a#marriner-logo.snowflake {
  background-image: url(https://dev.marriner.com/wp-content/themes/mmc2019/elements/styles/../images/marriner-logo.snowflake.svg);
}
#menu_btn {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 60px;
  top: 75px;
  border: 2px solid #ecdc25;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  cursor: pointer;
  z-index: 10001;
  -moz-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#menu_btn.scroll {
  top: 65px;
}
#menu_btn #hamburger {
  -moz-transform: rotate(0deg);
  -moz-transition: 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transform: rotate(0deg);
  -o-transition: 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform: rotate(0deg);
  -webkit-transition: 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  height: 25px;
  position: absolute;
  left: 7px;
  top: 16px;
  transform: rotate(0deg);
  transition: 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 32px;
}
#menu_btn #hamburger span {
  -moz-transform: rotate(0deg);
  -moz-transition: 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transform: rotate(0deg);
  -o-transition: 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform: rotate(0deg);
  -webkit-transition: 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  background: #ecdc25;
  display: block;
  height: 2px;
  left: 0;
  opacity: 1;
  position: absolute;
  transform: rotate(0deg);
  transition: 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
#menu_btn #hamburger span:nth-child(1) {
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -webkit-transform-origin: left center;
  top: 0px;
  transform-origin: left center;
}
#menu_btn #hamburger span:nth-child(2) {
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -webkit-transform-origin: left center;
  top: 6px;
  transform-origin: left center;
}
#menu_btn #hamburger span:nth-child(3) {
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -webkit-transform-origin: left center;
  top: 12px;
  transform-origin: left center;
}
#menu_btn:hover {
  background: #ecdc25;
}
#menu_btn:hover #hamburger span {
  background: #56585a;
}
#menu_btn.menuopen {
  top: 75px !important;
}
#menu_btn.menuopen #hamburger span:nth-child(1) {
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  left: 4px;
  top: -5px;
  transform: rotate(45deg);
}
#menu_btn.menuopen #hamburger span:nth-child(2) {
  opacity: 0;
  width: 0%;
}
#menu_btn.menuopen #hamburger span:nth-child(3) {
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  left: 4px;
  top: 18px;
  transform: rotate(-45deg);
}
/*  */
#menu_title {
  width: 100%;
  position: fixed;
  left: 180px;
  top: 85px;
  font-size: 28px;
  line-height: 28px;
  z-index: 10001;
  color: #ffffff;
  font-weight: 400;
  -moz-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#menu_title.scroll {
  top: 75px;
}
#menu_title.scroll #page_title {
  opacity: 0 !important;
  pointer-events: none;
  cursor: none;
}
#menu_title sup {
  font-size: 16px;
  float: right;
  position: relative;
  margin-top: -5px;
  vertical-align: top;
}
#menu_title #site_title {
  float: left;
  position: relative;
  margin: -29px 0px 0px 0px;
  color: #ecdc25;
  text-transform: lowercase;
  clear: both;
  opacity: 0;
  -moz-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#menu_title #page_title {
  float: left;
  position: relative;
  margin: 0px 0px 0px 0px;
  color: #ffffff;
  text-decoration: none !important;
  font-weight: 400;
  border: 0px !important;
  text-transform: lowercase;
  clear: both;
  opacity: 1;
  -moz-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#menu_title #page_title:hover {
  color: #ecdc25;
  -moz-transition: color 0s;
  -o-transition: color 0s;
  -webkit-transition: color 0s;
  transition: color 0s;
}
#menu_title.menuopen {
  top: 85px !important;
}
#menu_title.menuopen #site_title {
  margin-top: 0px;
  opacity: 1;
  -moz-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#menu_title.menuopen #page_title {
  opacity: 0;
  -moz-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  pointer-events: none;
  cursor: none;
}
/* */
#navigation {
  /* 585a5c */
  background: #56585a;
  /*  url(https://dev.marriner.com/wp-content/themes/mmc2019/elements/styles/../images/binding.gif) 0px 0px repeat*/
  background: rgba(88, 90, 92, 0.9);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#272828+0,585a5c+100&0.95+0,0.95+100 */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjcyODI4IiBzdG9wLW9wYWNpdHk9IjAuOTUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU4NWE1YyIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-45deg, rgba(39, 40, 40, 0.95) 0%, rgba(88, 90, 92, 0.9) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(39, 40, 40, 0.95)), color-stop(100%, rgba(88, 90, 92, 0.9)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, rgba(39, 40, 40, 0.95) 0%, rgba(88, 90, 92, 0.9) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, rgba(39, 40, 40, 0.95) 0%, rgba(88, 90, 92, 0.9) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, rgba(39, 40, 40, 0.95) 0%, rgba(88, 90, 92, 0.9) 100%);
  /* IE10+ */
  background: linear-gradient(135deg, rgba(39, 40, 40, 0.95) 0%, rgba(88, 90, 92, 0.9) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2272828', endColorstr='#f2585a5c', GradientType=1);
  /* IE6-8 fallback on horizontal gradient */
  width: 100%;
  height: 100vh;
  position: fixed;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  left: 0px;
  top: -100vh;
  z-index: 10000;
  opacity: 1;
  display: block;
  pointer-events: none;
  /* -moz-transition:  @menutransition;
	-o-transition:  @menutransition;
	-webkit-transition:  @menutransition;
	transition:  @menutransition; */
  /* end navigation */
}
#navigation.menuopen {
  top: 0;
  opacity: 1;
  pointer-events: all;
}
#navigation ul#menu-header {
  width: calc(100% - 80px);
  max-width: 1824px;
  display: flex;
  margin: 180px auto 0px auto;
  justify-content: space-between;
  align-items: flex-start;
  /* end menu header */
}
#navigation ul#menu-header li {
  width: calc(25% - 20px);
  float: left;
  position: relative;
  margin: 0px 0px 0px 0px;
  opacity: 1;
  /* end LI */
}
#navigation ul#menu-header li.hidden {
  opacity: 0;
  margin-top: -20vh;
}
#navigation ul#menu-header li a {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: table;
  text-decoration: none;
  color: #ffffff;
  border: 1px solid #807d7d;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  overflow: hidden;
  text-align: center;
  -moz-transition: 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#navigation ul#menu-header li a span {
  display: table-cell;
  vertical-align: middle;
  text-transform: lowercase;
  font-size: 48px;
  font-weight: 200;
}
#navigation ul#menu-header li a:hover {
  background: #ecdc25;
  border: 0px solid #ecdc25;
}
#navigation ul#menu-header li a:hover span {
  color: #56585a;
  font-weight: 300;
}
#navigation ul#menu-header ul.sub-menu {
  width: calc(100% - 20px);
  height: auto;
  margin: 10px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  float: left;
  position: relative;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  /* flex */
  opacity: 1;
  /* end sub menu */
}
#navigation ul#menu-header ul.sub-menu li {
  width: calc(50% - 10px);
  margin: -60px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  opacity: 0;
}
#navigation ul#menu-header ul.sub-menu li.open {
  margin-top: 0px;
  opacity: 1;
}
#navigation ul#menu-header ul.sub-menu li a span {
  font-size: 18px;
}
#navigation ul#menu-header ul.sub-menu li:nth-child(2) {
  margin-left: 20px;
}
#navigation ul#mobile {
  display: none;
}
#navigation ul#social {
  width: 240px;
  height: 40px;
  position: absolute;
  left: 50%;
  bottom: 20px;
  margin-left: -70px;
  display: block;
  opacity: 1;
  /* end social */
}
#navigation ul#social li {
  width: 40px;
  height: 40px;
  float: left;
  position: relative;
  margin: 0px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: block;
  opacity: 1;
}
#navigation ul#social li.hidden {
  margin-top: 60px;
  margin-bottom: -60px;
  opacity: 0;
}
#navigation ul#social li:last-child {
  margin-right: 0px !important;
}
#navigation ul#social li a {
  background-color: none;
  background-position: 0px 0px;
  background-repeat: none;
  width: 40px;
  height: 40px;
  float: left;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: block;
  outline: none;
  text-decoration: none;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  border: 1px solid #807d7d;
  /* @white 25% */
  transition: background-color 250ms, border 250ms;
  overflow: hidden;
  text-indent: -9999px;
}
#navigation ul#social li a:hover {
  background-color: #ecdc25;
  background-position: 0px -38px;
  border: 1px solid #ecdc25;
}
#navigation ul#social li:nth-child(1) a {
  background-image: url(https://dev.marriner.com/wp-content/themes/mmc2019/elements/styles/../images/facebook.png);
}
#navigation ul#social li:nth-child(2) a {
  background-image: url(https://dev.marriner.com/wp-content/themes/mmc2019/elements/styles/../images/linked-in.png);
}
#navigation ul#social li:nth-child(3) a {
  background-image: url(https://dev.marriner.com/wp-content/themes/mmc2019/elements/styles/../images/instagram.png);
}
#navigation ul#social li:nth-child(4) a {
  background-image: url(https://dev.marriner.com/wp-content/themes/mmc2019/elements/styles/../images/twitter.png);
  display: none;
}
#navigation ul#social li:nth-child(5) a {
  background-image: url(https://dev.marriner.com/wp-content/themes/mmc2019/elements/styles/../images/google-plus.png);
}
/* responsive */
@media screen and (max-width: 1600px) {
  #navigation ul#menu-header li ul.sub-menu li a span {
    font-size: 16px;
  }
}
@media screen and (max-width: 1200px) {
  #navigation ul#menu-header li a span {
    font-size: 42px;
  }
  #navigation ul#menu-header li ul.sub-menu li a span {
    font-size: 15px;
  }
}
@media screen and (max-width: 960px) {
  #navigation ul#menu-header li a span {
    font-size: 36px;
  }
  #navigation ul#menu-header li ul.sub-menu li a span {
    font-size: 14px;
  }
}
/* break to mobile at 900px */
@media screen and (max-width: 900px) {
  a#marriner-logo {
    width: 80px;
    height: 80px;
    left: 20px;
    top: 20px;
  }
  a#marriner-logo.scroll {
    width: 60px;
    height: 60px;
  }
  a#marriner-logo.menuopen {
    width: 80px !important;
    height: 80px !important;
  }
  a#marriner-logo.frankenstein {
    width: 100px;
    left: 10px;
  }
  a#marriner-logo.frankenstein.scroll {
    width: 80px;
    height: 60px;
  }
  a#marriner-logo.frankenstein.menuopen {
    width: 100px !important;
    height: 80px !important;
  }
  #menu_title {
    position: fixed;
    left: 110px;
    top: 48px;
    font-size: 22px;
    line-height: 22px;
  }
  #menu_title.scroll {
    top: 38px;
  }
  #menu_title sup {
    font-size: 12px;
    margin-top: -5px;
  }
  #menu_title #site_title {
    margin: -23px 0px 0px 0px;
  }
  #menu_title.menuopen {
    top: 48px !important;
  }
  #menu_btn {
    background: #ecdc25;
    position: fixed;
    right: 20px;
    top: 35px;
  }
  #menu_btn.scroll {
    top: 25px;
  }
  #menu_btn #hamburger span {
    background: #56585a;
  }
  #menu_btn.menuopen {
    top: 35px !important;
  }
  #navigation {
    background: #272828;
    background: -moz-linear-gradient(top, #272828 0%, #585a5c 100%);
    background: -webkit-linear-gradient(top, #272828 0%, #585a5c 100%);
    background: linear-gradient(to bottom, #272828 0%, #585a5c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#272828', endColorstr='#585a5c', GradientType=0);
  }
  #navigation ul#menu-header {
    display: none;
  }
  #navigation ul#mobile {
    width: 100%;
    height: calc(100% - 180px);
    position: absolute;
    top: 100px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: flex;
    flex-direction: column;
  }
  #navigation ul#mobile li {
    width: 100%;
    height: 11.1%;
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    opacity: 1;
  }
  #navigation ul#mobile li.hidden {
    margin-top: -20px;
    opacity: 0;
  }
  #navigation ul#mobile li a {
    width: 100%;
    height: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: table;
    text-align: center;
    color: #ffffff;
    border: 0px !important;
  }
  #navigation ul#mobile li a span {
    display: table-cell;
    vertical-align: middle;
    text-transform: lowercase;
    font-size: 28px;
    line-height: 28px;
  }
  #navigation ul#mobile li.menu-item-child a span {
    color: #999999;
  }
}
@media screen and (max-width: 420px) {
  #menu_title {
    display: none !important;
  }
  #navigation ul#mobile {
    height: calc(100% - 160px);
    top: 80px;
  }
}
/* mobile nav text item size should be based on height, not width as the text isn't too wide */
@media screen and (max-height: 732px) {
  #navigation ul#mobile li a span {
    font-size: 22px;
    line-height: 22px;
  }
}
@media screen and (min-height: 1024px) {
  #navigation ul#mobile li a span {
    font-size: 36px;
    line-height: 36px;
  }
}
/* responsive to deal with social overlap */
/* at 560px height switch to mobile */
@media screen and (min-width: 1900px) and (max-height: 835px), screen and (min-width: 1800px) and (max-height: 805px), screen and (min-width: 1700px) and (max-height: 765px), screen and (min-width: 1600px) and (max-height: 730px), screen and (min-width: 1500px) and (max-height: 690px), screen and (min-width: 1400px) and (max-height: 650px), screen and (min-width: 1300px) and (max-height: 610px), screen and (min-width: 1200px) and (max-height: 575px), screen and (min-width: 1100px) and (max-height: 535px), screen and (min-width: 1000px) and (max-height: 490px) {
  #navigation ul#menu-header li {
    width: 20%;
  }
}
@media screen and (min-width: 1900px) and (max-height: 730px), screen and (min-width: 1800px) and (max-height: 705px), screen and (min-width: 1700px) and (max-height: 672px), screen and (min-width: 1600px) and (max-height: 645px), screen and (min-width: 1500px) and (max-height: 615px), screen and (min-width: 1400px) and (max-height: 580px), screen and (min-width: 1100px) and (max-height: 490px), screen and (min-width: 1000px) and (max-height: 450px) {
  #navigation ul#menu-header li ul.sub-menu {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }
}
@media screen and (min-width: 1900px) and (max-height: 705px), screen and (min-width: 1800px) and (max-height: 680px), screen and (min-width: 1700px) and (max-height: 650px), screen and (min-width: 1600px) and (max-height: 620px), screen and (min-width: 1500px) and (max-height: 592px), screen and (min-width: 1400px) and (max-height: 565px), screen and (min-width: 1100px) and (max-height: 470px), screen and (min-width: 1000px) and (max-height: 430px) {
  #navigation ul#menu-header li {
    width: 17%;
  }
}
@media screen and (min-width: 1400px) and (max-height: 565px) {
  #navigation ul#menu-header li a span {
    font-size: 36px;
  }
  #navigation ul#menu-header li ul.sub-menu li a span {
    font-size: 15px;
  }
}
@media screen and (min-width: 1900px) and (max-height: 630px), screen and (min-width: 1800px) and (max-height: 605px), screen and (min-width: 1700px) and (max-height: 582px), screen and (min-width: 1600px) and (max-height: 560px), screen and (min-width: 1100px) and (max-height: 430px), screen and (min-width: 1000px) and (max-height: 405px) {
  #navigation ul#menu-header li {
    width: 14%;
  }
  #navigation ul#menu-header li a span {
    font-size: 36px;
  }
  #navigation ul#menu-header li ul.sub-menu li a span {
    font-size: 16px;
  }
}
@media screen and (min-width: 1600px) and (max-height: 560px) {
  #navigation ul#menu-header li ul.sub-menu li a span {
    font-size: 15px;
  }
}
/* */