.mobile-nav-extra {
  display: none;
}

/** Whatever breakpoint for tablet and mobile 
.mobile-nav-extra {
  display: block;
}

**/

/** CSS to show lady in background **/

.mobile-menu-overlay
{
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.navbar-nav .nav-dropdown.two-col-container
{
  width: 450px;
}


.navbar-nav .nav-dropdown.two-col-container ul
{
  float:left;
  border-right: 1px solid rgb(103, 103, 103); /** sorry, just grabbed this from Firebug **/
  width: 45%;
}

.navbar-nav .nav-active span
{
  background: none;
  border-bottom: 6px solid #e85325;
}

.navbar-nav .nav-dropdown.anchor-right
{
  left: inherit;
  right: 0;
}

.navbar-nav .nav-dropdown.two-col-container ul:last-child
{
  float:right;
  border-right: none;
}

.navbar-nav .nav-dropdown ul li
{
  margin: 0 0 10px 0;
}

.navbar-nav .nav-dropdown ul li:last-child
{
  margin-bottom: 0;
  padding-bottom: 0;
}

/** Social media stuff. Will need to change anchor tag background-size to 0 in tablet and mobile **/

.find-us
{
  position: fixed;
  right: 17px;
  text-align: center;
}

.find-us ul
{
  display: inline-block;
}

.find-us ul li
{
  background-color: none;
}

.find-us ul li a
{
  background-size: 60px 30px;
  background-position: 0 0;
}

.find-us ul li a:hover
{
  background-position: 30px 0;
}

@media (max-width: 992px) {
    .find-us
    {
        position: relative;
        right: inherit;
        text-align: left;
    }
    .find-us ul
    {
        display: block;
    }
    .find-us ul li
    {
        background: none;
        margin-left: 9%;
        width: 16%;
    }
    .find-us ul li a
    {
        background-size: inherit;
        height: 75px;
        width: 75px;
    }

    .find-us ul li a:hover {
        background-position: 75px 0;
    }
}

@media (max-width: 360px) {
      .find-us ul li
      {
        margin-left: 6%;
        width: 19%;
      }
  
      .find-us ul li:first-child
      {
        margin-left: 0px;
      }

    .find-us ul li a:hover {
      background-position: 75px 0;
    }
}

/** Spanish stuff **/
/** Nav **/
.hc-espanol .navbar-nav li a
{
    font-size: 12px;
    padding: 0 5px;
}

.hc-espanol .navbar-nav .nav-dropdown li a
{
  font-size: 12px;
}
.hc-espanol .sidr ul li a {
    font-size: 12px;
}


/** Ages/stages **/

.hc-espanol .ages-and-stages li a .title
{
  font-size: 14px;
}

/** personalize your experience **/

.hc-espanol .btn-standard
{
  font-size: 14px;
}

/** Quick links **/

.hc-espanol .quick-links li .title-block
{
  font-size: 14px;
  line-height: 15px;
}

/** Email/Print Utility Bar **/
.hc-espanol .email-print li, .hc-espanol .email-print li a {
    font-size: 10px;
}