/**
 * Responsive styles for osu-sketch
 */
@media screen and (min-width: 75em) {
  #body-footer {
    max-width: 1200px;
    padding: 74px 54px 54px 54px;
    background-position: 54px 27px;
  }
  
  .u-osu-powered {
    position: absolute;
    
    top: 24px;
    right: 54px;
  }
}

@media screen and (max-width: 900px) {
	/* responsive menu */
	.main-navigation ul:first-child {
		display: block;
	}
	
	nav.a11y-navbar ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li:first-child a[role="menuitem"].a11y-navbar-menuitem,
	nav.a11y-navbar ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li a[role="menuitem"]
	{
		padding-left: 5%;
	}
	
	nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li a[role="menuitem"][aria-haspopup="true"],
	nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li ul[role="menu"] li a[role="menuitem"][aria-haspopup="true"]
	{
		padding: 10px 15% 10px 5%;
		width: 100%;
	}
	
	nav.a11y-navbar ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li a[role="menuitem"].a11y-navbar-menuitem[aria-haspopup="true"]::after
	{
		border: none !important;
		top: 0;
		right: 0;
	}
	
	nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li button.a11y-navbar-submenu-toggle {
		width: 15%;
		height: 49px;
		background-color: #fff;
		border: 1px solid #666;
		border-right: none;
		top: -1px;
	}
	
	nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li button.a11y-navbar-submenu-toggle::after
	{
		border-color: #bb0000;
	}
	
	nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li li button.a11y-navbar-submenu-toggle {
		background-color: #a1a1a1;
	}
	
	nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li li button.a11y-navbar-submenu-toggle::after
	{
		border-color: #fff;
	}
	
	nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li li li button.a11y-navbar-submenu-toggle {
		background-color: #545454;
	}
	
	nav.a11y-navbar.a11y-navbar-responsive ul.a11y-navbar-menubar.a11y-navbar-orientation-horizontal li li li li button.a11y-navbar-submenu-toggle {
		background-color: #080808;
	}
}

@media screen and (max-width: 768px) {
	.site-branding {
		max-width: 100%;
		text-align: center;
		float: none;
	}
}

@media screen and (max-width: 589px) {  
  #body-footer {
    background-size: 50% auto;
  }
  .u-osu-powered {
    position: static;
    margin: 15px 0;
  }
}

@media screen and (max-width: 435px) {  
  #body-footer {
    background-size: 75% auto;
  }
}