/* /////////////////////////////////////
	MUM Tablet CSS - Version 3.2
	by Alek Lisefski
	http://www.bluesheepstudios.com
///////////////////////////////////// */


/* /////////////////////////////////
	VISIBILITY
///////////////////////////////// */

nav.desktop,
.logo.desktop,
.desktop,
#nav-close,
.mobile,
#bgvid,
.desktop-mobile  {
	display: none;
}

.tablet,
.tablet-only,
.header.mobile,
#nav-open,
#sub-open,
#sub-close,
#hero .slide img.tablet {
	display: block;
}

/* /////////////////////////////////
	LAYOUT
///////////////////////////////// */

.container,
.body .container {
	width: 92%;
	padding: 55px 4% 55px 4%;
}

.container.landing {
	padding-top: 40px;
	padding-bottom: 20px;
}

.body .container {
	padding-top: 35px;
	padding-bottom: 25px;
}

article,
aside,
.col {
	display: block;
}

article {
	width: 100%;
}

// aside {
// 	display: none;
// }

/* /////////////////////////////////
	LANDING PAGES
///////////////////////////////// */

article.full .col.main {
	width: 72%;
	padding-right: 6%;
}

article.full .col.side,
article.full .block.side {
	width: 22%;
}

.landing #page-header h1,
#page-header.landing h1.small,
.landing #breadcrumbs {
    margin-left: 0;
}

.landing article .col.main {
	width: 55%;
	padding-right: 5.5%;
}

.landing article .col.side {
	width: 39.5%;
}

.landing article.full .col.main {
	width: 62%;
	padding-right: 7%;
}

.landing article.full .col.side,
.landing article.full .block.side {
	width: 31%;
}



/* /////////////////////////////////
	BASIC TEXT / HEADINGS
///////////////////////////////// */

h1,
h2.large {
	font-size: 30px;
	line-height: 36px;
}

h3 {
	font-size: 20px;
	line-height: 1.2;
	margin-bottom: 15px;
}

/* /////////////////////////////////
	HEADER
///////////////////////////////// */

.header.mobile {
	border-bottom: 0 none;
	height: auto;
	margin-top: 34px;
}

header .topNav {
	margin-right: -20px;
}


header .topNav#portals {
	margin-left: 0;
}

.header .container {
	padding-top: 15px;
	padding-bottom: 15px;
}

.header .container a {
	text-decoration: none;
}

.header .logo {
	float: left;
	display: block;
	background: url('../media/logo-miu-mobile.svg') no-repeat left top;
	margin-right: 10px;
	width: 28%;
	height: 45px;
	max-width: 45px;
	background-image: url("../media/logo-miu-mobile.svg");
	background-size: 45px 45px;
}


.header .name {
	font-size: 16px;
	line-height: 18px;
	margin-top: 7px;
	display: inline-block;
	font-family: "Ideal Sans SSm A", "Ideal Sans SSm B", sans-serif,sans-serif;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 300;
}

.header .name:hover {
	font-weight: 300;
}

.header .name strong {
	font-size: 22px;
	font-weight: 500;
	color: #555;
	display: block;
	text-transform: none;
	letter-spacing: 0;
	margin-bottom: 2px;
}

/* Start New Header */

header.new .topNav {
	margin-left: -10px;
}

header.new .topNav#portals {
	margin-right: 0;
}

header.new .topNav#portals .anchor {
	margin-top: -23px;
	margin-bottom: -20px;
}

header.new .topNav.CTA {
	width: 222px;
}

header.new .topNav {
	width: 340px;
}

header .topNav .anchor.long {
	display: block;
}

.topNav.CTA .phone-number .mobile {
	display: block;
}

.topNav.CTA .phone-number a {
	background-color: #159bcd;
	border-radius: 4px;
	height: 24px;
	padding: 2px 10px 8px;
	text-align: center;
	width: 26px;
}

.topNav.CTA .phone-number a:active {
	background-color: #0278BE;
}

/* End New Header */


header.new .logo {
	display: none;
}



header .topNav .anchor.no-drop.last {
	display: none;
}

.last-mobile {
	border-right: none;
}

header.new .topNav.CTA {
	width: 222px;
}

header.new .topNav {
	width: 340px;
}

.topNav.CTA .phone-number a {
	background-color: #159bcd;
	border-radius: 4px;
	height: 24px;
	padding: 2px 10px 8px;
	text-align: center;
	width: 26px;
}

.topNav.CTA .phone-number a:active {
	background-color: #0278BE;
}

header .topNav .anchor.long {
	display: block;
}

header.new .topNav .anchor.last-mobile {
	border-right: medium none;
}

header.new #portals.topNav .anchor span {
	padding: 2px 5px;
	width: 100px;
}

header.new #portals.topNav {
	float: none;
	margin-left: 0;
	position: absolute;
	right: 215px;
	top: -69px;
	width: 100px;
}

header.new #portals.topNav .anchor {
	background: transparent none repeat scroll 0 0;
	border: 0 none;
	color: #333;
	margin-bottom: -14px;
	margin-top: 0;
	padding: 0;
}

header .topNav .anchor .popUp {
	padding: 15px;
	top: 42px;
	width: 182%;
}

header.new .topNav .anchor.long {
	padding-right: 4.5%;
}


/* /////////////////////////////////
	NAV
///////////////////////////////// */

.tan.dropDown.mobile {
	background: rgba(249,247,242,.9);
}

#nav .dropdown-container {
	padding-top: 2px;
}

#nav-open,
#nav-close {
	display: block;
	float: right;
	font-family: "Ideal Sans SSm A", "Ideal Sans SSm B", sans-serif,sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-decoration: none;
}

#nav-close {
	display: none;
}

#nav-open .icon,
#nav-close .icon {
	display: block;
	float: right;
	margin-left: 20px;
	width: 22px;
	height: 20px;
	background: url('../media/icons_nav_sprite.png') no-repeat left top;
}

#nav-close .icon {
	background: url('../media/icons_nav_sprite.png') no-repeat -40px top;
}

#nav-open:hover .icon {
	background-position: left -40px;
}

#nav-close:hover .icon {
	background-position: -40px -40px;
}

#nav .container {
	padding-top: 30px;
	padding-bottom: 20px;
}

#nav {
	z-index: 1001;
	overflow: hidden;
}

#nav ul li {
	position: relative;
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px solid #f5efdd;
	margin-top: 8px;
}

#nav ul li  a {
	display: block;
	font: 16px/18px "Ideal Sans SSm A", "Ideal Sans SSm B", sans-serif,sans-serif;
}

#nav ul li a span {
	font: 12px/18px "Ideal Sans SSm A", "Ideal Sans SSm B", sans-serif,sans-serif;
	font-weight: 300;
	color: #222;
	display: block;
}


.tan.dropDown.mobile ul.blue {
	background-color: rgba(1,121,190,.8);
}

#nav ul li.search {
	margin-top: 6px;
	margin-bottom: 10px;
	overflow: hidden;
	padding-bottom: 0;
}

#searchform input[type="text"] {
	width: 81%;
}

#nav ul li.last {
	padding-bottom: 0;
	border-bottom: 0;
}

#nav ul li  a:hover {
	color: #000;
	text-decoration: none;
}

#nav ul li a:hover span,
#nav ul li.current a span {
	color: #666;
}

/* Drop-downs */


#nav ul li ul .arrow {
	left: 20px;
	top: -19px;
	width: 37px;
	height: 14px;
	background: none;
	display: block;
	position: absolute;
}

#nav ul li ul {
	overflow: hidden;
	display: none;
	position: relative;
	float: right;
	z-index: 99;
	width: 84%;
	padding: 20px 8% 10px;
	margin: 18px 0 0 0;
}

#nav ul li ul .close {
	background: url('../media/popUp_close.png') no-repeat 15px 5px;
}

#nav ul li ul li {
	width: 47%;
	padding: 0;
	border: 0;
	margin: 0 3% 6px 0;
	display: block;
	float: left;
}

#nav ul li ul li a {
	font: normal 13px/15px "Ideal Sans SSm A", "Ideal Sans SSm B", sans-serif,sans-serif;
	color: #fff;
	opacity: 1;
	filter:alpha(opacity=100);

	-webkit-transition: opacity .1s ease;
	-moz-transition: opacity .1s ease;
	-o-transition: opacity .1s ease;
	transition: opacity .1s ease;
}

#nav ul li ul .close {
	margin: 0;
	width: 34px;
	height: 34px;
	background: url('../media/popUp_close.png') no-repeat 10px 10px;
	opacity: 1;
  	filter:alpha(opacity=100);

  	-webkit-transition: opacity .1s ease;
	-moz-transition: opacity .1s ease;
	-o-transition: opacity .1s ease;
	transition: opacity .1s ease;
}

#nav ul li ul .close:hover {
	color: #fff;
	opacity: 0.5;
  	filter:alpha(opacity=50);

  	-webkit-transition: opacity .1s ease;
	-moz-transition: opacity .1s ease;
	-o-transition: opacity .1s ease;
	transition: opacity .1s ease;
}

#nav ul li ul li a:hover {
	color: #fff;
	opacity: 0.5;
  	filter:alpha(opacity=50);

  	-webkit-transition: opacity .1s ease;
	-moz-transition: opacity .1s ease;
	-o-transition: opacity .1s ease;
	transition: opacity .1s ease;
}

.dropDown ul li {
	margin-bottom: 9px;
}

.dropDown ul li a[title="noAnchor"]:hover,
section.dropDown .grid.fourths li a[title="noAnchor"]:hover,
.menu ul li a[title="noAnchor"]:hover,
section.menu .grid.fourths li a[title="noAnchor"]:hover {
	cursor: pointer;
}

#searchform .button {
	width: 16%;
}

/* =============================================
   INTERIOR PAGES
   ============================================= */


#page-header h1,
#breadcrumbs {
	margin-left: 46px;
}

#page-header article.full h1,
#page-header article.full #breadcrumbs {
    margin-left: 0;
}

#page-header .container {
	padding-top: 20px;
	padding-bottom: 22px;
}

/* =============================================
   SUBNAV
   ============================================= */


aside.body-subnav {
	width: 32%;
}

.body .what-you-should-know img {
	margin-bottom: 0;
}


/*#subnav label {
	margin-left: 0;
	height: 50px;
	font-size: 16px;
	line-height: 53px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 20px;
	background: #ddd7d0;
	border-radius: 0;
}

#subnav form label {
	background-color: transparent;
}

#subnav label.mobile {
	display: block;
	height: 40px;
}*/

#sub-open .icon,
#sub-collapse .icon {
 	right: 0;
 	background: url('../media/subnav_burger.gif') no-repeat 20px 6px;
 	-webkit-background-size: 20px 14px;
 	-moz-background-size: 20px 14px;
 	background-size: 20px 14px;
 }

#sub-collapse {
	height: 36px;
	font-size: 16px;
	background: #fff;
	padding: 5px 12px 0;
	box-sizing: border-box;
	cursor: pointer;
	margin-bottom: 1px;
	border: 1px solid #ededed;
}

#sub-open,
#sub-open .icon,
#sub-collapse .icon {
	/*position: absolute;
	top: 0;	*/
	/*background-color: #d5d2c9;*/
	display: block;
	/*width: 36px;
	height: 37px;*/
	width: 40px;
  height: 20px;
	float: right;
	cursor: pointer;
}

#subnav-collapse {
	display: none;
}


/*#sub-open:hover {
	background: #f6bd27;
}*/

/*#sub-close {
	position: absolute;
	top: 8px;
	right: 5px;
	width: 34px;
	height: 34px;
	background: url('../media/popUp_close.png') no-repeat 10px 10px;

	opacity: 1;
  	filter:alpha(opacity=100);

  	-webkit-transition: opacity .1s ease;
	-moz-transition: opacity .1s ease;
	-o-transition: opacity .1s ease;
	transition: opacity .1s ease;
}

#sub-close:hover {
	opacity: 0.5;
  	filter:alpha(opacity=50);

  	-webkit-transition: opacity .1s ease;
	-moz-transition: opacity .1s ease;
	-o-transition: opacity .1s ease;
	transition: opacity .1s ease;
}*/

aside .back {
	display: none;

}

#subnav {
	background: #fff;
}

#subnav ul {
	margin-bottom: 0;
}

#subnav ul.mobile {
	padding: 0;
	margin: 0;
	width: 100%;
}

#subnav li:first-child a {
	border-top: none;
}

@media screen and (min-width: 640px) {
	.mobile-ctas {
		display: none;
	}

	.tablet-ctas {
		display: block;
	}
}

/* /////////////////////////////////
	HOME INTRO
///////////////////////////////// */

.intro h1 {
	font-size: 32px;
	line-height: 38px;
}

.intro p {
	width: 90%;
}

#hero .slide .slide-heading {
	position: absolute;
	top: 18%;
	left: 0;
	width: 100%;
}


.slide-heading h1 {
	font-size: 48px;
	line-height: 54px;
	margin-bottom: 30px;
}

.slide-heading p {
	font-size: 18px;
	line-height: 24px;
	width: 75%;
	margin: 0 auto 30px;
}

.slide-heading .button,
.slide-heading .button:visited {
	padding: 10px 30px 8px;
	font: bold 16px/20px MuseoSansBold, arial, sans-serif;
}

#home-grid .item {
	width: 50%;
}

#home-grid .item.second,
#home-grid .item.third,
#home-grid .item.sixth {
	background: #5dbf31;
}

#home-grid .item.first,
#home-grid .item.fourth,
#home-grid .item.fifth {
	background: #0179be;
}


/* Bevan Home 4-col */

#home-4-col .item {
	float: left;
	display: block;
	width: 25%;
	margin: 0 0 30px 0;
}

#home-4-col .item h3 {
	font: bold 12px/16px MuseoSansBold, arial, sans-serif;
	letter-spacing: 0;
	width: 92%;
	padding: 10px 4% 12px;
}

#home-4-col .description .col {
	font-size: 13px;
	line-height: 18px;
}

/* NEW HOME */

#home-4-col.new .container {
	padding: 0 0 40px 0;
}

#home-4-col.new .item {
	width: 49%;
	margin: 0 .5% 1% .5%;
}

#home-4-col.new .item .overlay {
	bottom: 0;
}

#home-4-col.new .item .overlay .content,
#home-4-col.new .item:hover .overlay .content {
	margin-top: 10px;
	font-size: 14px;
	line-height: 18px;
}

/* =============================================
   SURYA HOME
   ============================================= */

.tan.home .cta.large {
	margin-top: 10px;
}

#news, section#page-header {
	border-top: medium none;
}

.intro h1 {
	font-size: 30px;
	line-height: 31px;
	margin-bottom: 13px;
}

.intro h1.test-title {
	font-size: 22px;
	line-height: 22px;
	margin-bottom: 6px;
}

.intro h1.test-title a span {
	font-size: 18px;
}

#home-4-col.new .item .overlay h3 {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0 none;
	font: bold 15px/20px MuseoSans,arial,sans-serif;
	letter-spacing: 0;
	padding: 0;
	text-transform: inherit;
	width: 100%;
}

#home-4-col.new .item {
	margin: 0 0.5% 6px;
}

#home-4-col .item {
	margin: 0;
	width: 24.7%;
}

#home-4-col .row2 .item.first, #home-4-col .row2 .item.third {
	margin-right: 0.5%;
}

.other-important .item {
	margin-top: 2px;
	width: 32.99%;
}

.mobile {
	display: block;
}

/* /////////////////////////////////
	HERO
///////////////////////////////// */

#hero .slide .slide-info {
	bottom: 80px;
}

#hero .slide .slide-info {
	position: absolute;
	right: 10%;
	bottom: 100px;
	width: 50%;
}

#hero .slide .slide-info .heading,
#hero .slide .slide-info p {
	text-align: left;
	padding: 12px 90px 12px 20px;
}

/* Heading Overlay */

.slide h2.overlay {
	width: 90%;
	left: 5%;
	top: 30%;
	font-size: 36px;
	line-height: 38px;
}

/* /////////////////////////////////
	GRIDS
///////////////////////////////// */

.menu .grid.fourths .item {
	width: 50%;
	margin-right: 0;
	margin-bottom: 20px;
}

.menu .grid.fourths .item.circle,
.landing .col.side .item.circle {
	max-width: 300px;
}

.grid.thirds .item {
	width: 32%;
	margin-right: 2%;
}

.grid.thirds .item.third {
	margin-right: 0;
}

.grid.thirds.circles .item .image label,
.item.circle .image label,
.landing .col.side .item.circle .image label,
.item.circle .image label {
	margin-top: -55px;
	margin-bottom: 35px;
}


.grid.thirds.circles .item .image label span,
article .item.circle .image label span {
	top: 0;
	font-weight: normal;
	font-size: 13px;
	height: 38px;
	line-height: 38px;
}

.menu .item.circle .image label span {
	top: 5px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}

.grid.thirds.boxes a.item h3,
.grid.thirds.boxes a.item p {
	width: 100%;
	padding: 0;
}

.grid.thirds.boxes a.item h3 {
	font-size: 16px;
	margin-bottom: 15px;
}

.grid.fourths.boxes .item .button {
	font-size: 11px;
}

.slide-left,
.slide-right {
	background-color: #fff;
}

.gray .slide-left,
.gray .slide-right {
	background-color: #fcfaf1;
}

.slide-left.news,
.slide-right.news {
    top: 40%;
}

.body.application .call-out p .button,
.body .call-out.buttons a.button {
	margin-bottom: 0;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}

.body .call-out.buttons a.button {
	margin-bottom: 10px;
}

/* /////////////////////////////////
	INTERIOR PAGE SLIDESHOW
///////////////////////////////// */

.slideshow .slide .slide-info h3 {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 18px;
}

.slideshow  .slide-left,
.slideshow  .slide-right {
	z-index: 101;
}


/* /////////////////////////////////
	NEWS / TAN
///////////////////////////////// */

.tan .cta {
	width: 40%;
	margin-top: 0;
}

.tan#news.home span {
	display: block;
	width: 56%;
	padding: 10px 2%;
}

#news.tan.home span.cycle-slideshow {
	min-height: 65px;
	width: 75%;
}


.tan#news.home span .slide {
	width: 92%;
	padding: 10px 4%;
}

.tan.home .cta.large {
	margin-left: -10px;
}

.tan.home .cta.large img {
	float: left;
	height: 55px;
	margin: -4px 10px 0 0;
	width: 55px;
}

/* /////////////////////////////////
	CONTACT BAR
///////////////////////////////// */

.green.contact .anchor {
    width: 20%;
}

.contactForm .container {
	padding-bottom: 60px;
}

/* /////////////////////////////////
	CONTACT FORM
///////////////////////////////// */

form.contact-compact {
	margin-bottom: 15px;
}

#conact-popup form.contact-compact, section.other-important form.contact-compact {
	margin-bottom: 0;
}


/* /////////////////////////////////
	BLOG
///////////////////////////////// */

.post {
	padding: 0;
	margin-bottom: 40px;
}


#subscribe,
.subscribe.fixed {
	width: auto !important;
	position: static;
	top: 0;
	z-index: 1;
}

/* =============================================
   SLIDERS
   ============================================= */

section.slide .container {
	padding: 0;
}


/* /////////////////////////////////
	FOOTER
///////////////////////////////// */

footer {

}

footer .container {
	text-align: left;
	padding-top: 40px;
}

footer .col.last {
	width: 100%;
	clear: left;
	padding: 0;
	margin-left: auto;
	margin-top: 30px;
}

footer .col {
	width: 33%;
	border-left: 0;
}

footer .social {
	float: none;
	margin: auto;
}


section.footer .container {
	padding: 20px 0;
	text-align: left;
	font-size: 13px;
	color: #999;
}

/* /////////////////////////////////
	Visitors Weekend Dates
///////////////////////////////// */


section.body article .visitors-weekend-dates h3 {
	font-size: 18px;
}

.container.landing .visitors-weekend-dates .select,
.visitors-weekend-dates.wide .select {
	width: 50%;
}

/* In tan page header */

#page-header .visitors-weekend-dates {

}

#page-header .visitors-weekend-dates h3 {
	display: block;
	text-align: center;
	float: none;
	line-height: 36px;
	margin: 0 0 5px 0;
	font-size: 24px;
}

#page-header .visitors-weekend-dates .select {
	width: 100%;
	float: none;
	margin-bottom: 10px;
}

#page-header .visitors-weekend-dates .button,
#page-header .visitors-weekend-dates .select .ui-selectmenu {
	margin: 0;
}

#page-header .visitors-weekend-dates .button {
	float: none;
	width: 100%;
	text-align: center;
	padding: 7px 0 5px;
	margin-left: 0;
}

#page-header .visitors-weekend-dates .mobile {
	display: block;
}

#page-header .visitors-weekend-dates .not-mobile {
	display: none;
}


/* Department page NEW - BG Video & Subscribe Box */

#hero.bg-video .slide .slide-info.download {
	right: 6%;
	top: 10%;
}

/* NEW blue download box with image/description */


#hero.bg-video .slide .slide-info.download.blue {
	top: -5px;
	width: 50%;
}



/* /////////////////////////////////
	VISITORS WEEKEND GRAPHICS
///////////////////////////////// */

/* Home Page */


.visitors-weekend img {
	margin-bottom: -10px;
}

.visitors-weekend div {
	padding: 25px 3% 20px 8%;
	width: 38.5%;
}

/* Virtual Tour */

.col.half .visitors-weekend img,
.col.half .virtual-tour img {
	margin-bottom: -40px;
}

.col.half .visitors-weekend div.blue,
.col.half .virtual-tour div.blue  {
	padding-right: 5%;
	padding-left: 5%;
	width: 90%;
}


/* Sidebar */


#subnav .visitors-weekend div {
	padding: 12% 6% 25px 6%;
	width: 88%;
	text-align: center;
}

.col.side .visitors-weekend div {
	padding-top: 17%;
}


#subnav .visitors-weekend div p {
	font-size: 15px;
	line-height: 22px;
}

#subnav .visitors-weekend.blue .button.green {
	top: 43%;
}

.col.side .visitors-weekend.blue .button.green {
	top: auto;
	bottom: 38%;
}



/* /////////////////////////////////
	CLASSES
///////////////////////////////// */

h2.border-top,
h3.border-top,
h4.border-top {
	margin-top: 40px;
	margin-bottom: 30px;
}

.body img {
	max-width: 100%;
	margin: 0 0 10px 0;
}

.float-left,
.alignleft,
.body img.alignleft,
.caption.float-left,
.caption.alignleft  {
	float: left;
	margin: 0 25px 20px 0;
	max-width: 45%;
}

.float-right,
.alignright,
.body img.alignright,
.caption.float-right,
.caption.alignright {
	float: right;
	margin: 0 0 20px 25px;
	max-width: 45%;
}

/* /////////////////////////////////
	FEATURE PAGES
///////////////////////////////// */

section.feature-pages .col.side .box.green {
	height: 220px;
}

section.feature-pages .side-videos {
	float: none;
	margin-top: 0;
}

section.feature-pages article .side-videos a.item p {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 30px;
}

section.feature-pages h1 {
	margin-bottom: 0;
	margin-left: 0;
}

section.feature-pages .quote-section img.wp-image-48259 {
	margin-bottom: 15px !important;
}

/* /////////////////////////////////
	@2x Images
///////////////////////////////// */

@media  only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (   min--moz-device-pixel-ratio: 1.5),
        only screen and (     -o-min-device-pixel-ratio: 3/2),
        only screen and (        min-device-pixel-ratio: 1.5),
        only screen and (min-resolution: 192dpi) {


	.header .logo {
		background-image: url('../media/logo-miu-mobile.svg');
	}

	#nav-open .icon,
	#nav-close .icon {
		background-image: url('../media/icons_nav_sprite@2x.png');
		-webkit-background-size: 60px 58px;
		-moz-background-size: 60px 58px;
		background-size: 60px 58px;
	}

	#nav ul li ul .arrow {
		background-image: url('../media/nav_mobile_arrow@2x.png');
		-webkit-background-size: 14px 37px;
		-moz-background-size: 14px 37px;
		background-size: 14px 37px;
	}

	#nav ul li ul  .close {
		background-image: url('../media/popUp_close@2x.png');
		-webkit-background-size: 14px 47px;
		-moz-background-size: 14px 47px;
		background-size: 14px 47px;
	}

	#sub-open .icon {
		background-image: url('../media/subnav_open@2x.png');
		-webkit-background-size: 13px 11px;
		-moz-background-size: 13px 11px;
		background-size: 13px 11px;
	}

	#sub-close {
		background-image: url('../media/popUp_close@2x.png');
		-webkit-background-size: 14px 47px;
		-moz-background-size: 14px 47px;
		background-size: 14px 47px;

	}

}

@media screen and (min-width:640px) and (max-width:1023px) {
	article {
		width: 65%;
		box-sizing: border-box;
		float: left;
	}

	article.full, article.no-nav {
		width: 100%;
		float: none;
	}
}

@media screen and (min-width:400px) {
	#nav ul li ul {
		width: 185%;
	}

	#nav ul li {
		width: 50%;
		padding-bottom: 5px;
		border-bottom: 1px solid #f5efdd;
		margin-top: 0;
		float: left;
	}

	#nav ul li.search {
		float: none;
		width: 100%;
	}

	#nav ul li a {
		font: 15px/16px "Ideal Sans SSm A","Ideal Sans SSm B",sans-serif,sans-serif;
	}

	#nav ul li a span {
		display: none;
	}

	#nav ul li ul {
		padding: 14px 8% 10px;
	}
}

body .desktop-only {
	display: none;
}

body .mobile-only {
	display: none!important;
}