@media only screen and (min-width: 0px) {

	/* MOBILE STYLES */
	#masthead>.mobile {
		display: block;
	}
	#masthead>.mobile>.bar {
		height: 60px;
		background-color: #000;
	}
	#masthead>.mobile>.bar .logo-cell {
		padding: 6px 0 6px 6px;
	}
	#masthead>.mobile>.bar .logo-cell a {
		display: block;
		padding: 12px;
	}
	#masthead>.mobile>.bar .logo-cell .logo {
		height: 24px;
		width: 179.38px;
		vertical-align: top;
	}
  #masthead>.mobile>.bar .toggle-cell {
    padding: 6px 6px 6px 0px;
    text-align: right;
    white-space: nowrap;
  }
	#masthead>.mobile>.search {
		height: 60px;
		background-color: #000;
	}
	#masthead>.mobile>.search .search-cell {
		padding: 10px 0 10px 20px;
	}
	#masthead>.mobile>.search .toggle-cell {
		padding: 6px;
	}
  #masthead>.mobile>.search .search-cell form {
    width: 100%;
  }
  #masthead>.mobile>.search .search-cell form .search-cell-interior {
    max-width: 600px;
    margin: auto 40px auto 0px;
    padding: 0;
    position: relative;
  }
  #masthead>.mobile>.search input[name="terms"] {
    display: inline-block;
    margin: 0;
    border: none;
    height: 40px;
    background-color: #464646;
    color: #fff;
  }
  #masthead>.mobile>.search input[name="terms"]:focus {
    background-color: #fff;
    color: #000;
    box-shadow: none;
  }
  #masthead>.mobile>.search input[name="terms"]:focus::placeholder {
    color: #696969;
  }
  #masthead>.mobile>.search .search-cell button[type="submit"] {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    background-color: #464646;
  }
	#masthead>.mobile>.navigation .site h2 {
		display: none;
	}
	#masthead>.mobile>.navigation .social {
		background-color: #464646;
	}
	#masthead>.mobile>.navigation .menu {
		background-color: #464646;
	}

	/* Buttons */
	#masthead>.mobile .open-search,
	#masthead>.mobile .open-navigation,
	#masthead>.mobile .close-search,
	#masthead>.mobile .close-navigation {
		padding: 12px;
		height: 48px;
		width: 48px;
	}
  /*#masthead>.mobile .close-navigation{*/
  /*  width: 71px;*/
  /*}*/
  #masthead>.mobile .open-navigation{
    width: auto;
  }
	#masthead>.desktop .submit-search {
		padding: 16px;
		height: 53px;
		width: 53px;
	}
  #masthead>.mobile .submit-search {
    padding: 10px;
    height: 40px;
    width: 40px;
  }
	#masthead>.mobile .open-search img,
	#masthead>.mobile .open-navigation img,
	#masthead>.mobile .close-search img,
	#masthead>.mobile .close-navigation img {
		height: 21px;
		width: 21px;
	}
	#masthead>.desktop .submit-search img {
		height: 21px;
		width: 21px;
	}
  #masthead>.mobile .submit-search img {
    height: 18px;
    width: 18px;
  }

	/* Drilldown Menu */
	#masthead>.mobile>.navigation .is-drilldown {
		max-width: none !important;
		background-color: #464646;
	}
	#masthead>.mobile>.navigation .menu.drilldown a {
		border-bottom: 1px solid #6f6f6f;
		padding: 16px 20px;
		line-height: 15px;
		font-size: 12px;
		font-weight: 800;
		background-color: #464646;
		color: #fff;
	}
	#masthead>.mobile>.navigation .menu.drilldown a::before {
		border-right-color: #5fe0d3;
	}
	#masthead>.mobile>.navigation .menu.drilldown a::after {
		border-left-color: #5fe0d3;
	}

	/* Accordion Menu */
	#masthead>.mobile>.navigation .menu.accordion-menu ul {
		margin: 0;
	}
	#masthead>.mobile>.navigation .menu.accordion-menu a {
		border-bottom: 1px solid #6f6f6f;
		padding: 16px 20px;
		line-height: 16px;
		font-size: 15px;
		font-weight: 600;
		background-color: #464646;
		color: #fff;
	}
	#masthead>.mobile>.navigation .menu.accordion-menu ul a {
		padding-left: 40px;
	}
	#masthead>.mobile>.navigation .menu.accordion-menu ul ul a {
		padding-left: 60px;
	}
	#masthead>.mobile>.navigation .menu.accordion-menu .is-accordion-submenu-parent > a::after {
		border-top-color: #5fe0d3;
	}

  #masthead>.mobile>.navigation .menu.accordion-menu .is-accordion-submenu a {
    border-bottom: 1px solid #575757;
    background-color: #333333;
    color: #fff;
  }

	/* TOGGLE STATES */
	#masthead>.mobile>.bar button.close-navigation,
	#masthead>.mobile>.bar:not(.navigation-open) button.open-navigation {
		display: initial;
	}
	#masthead>.mobile>.bar button.open-navigation,
	#masthead>.mobile>.bar:not(.navigation-open) button.close-navigation,
	#masthead>.mobile>.bar:not(.search-open) ~ .search,
	#masthead>.mobile>.bar:not(.navigation-open) ~ .navigation,
	#masthead>.mobile>.bar.search-open {
		display: none;
	}

	/* DESKTOP STYLES */
	#masthead>.desktop {
		display: none;
	}
	#masthead>.desktop>.utilities {
		height: 85px;
		background-color: #000;
	}
	#masthead>.desktop .utilities .logo-cell {
		padding: 20px 0;
	}
	#masthead>.desktop .utilities .logo-cell a {
		display: block;
	}
	#masthead>.desktop .utilities .logo-cell .logo {
		height: 45px;
		width: auto;
		vertical-align: top;
	}
	#masthead>.desktop .utilities .search-cell {
		padding: 16px 0;
		text-align: center;
	}
	#masthead>.desktop .utilities .search-cell form {
		width: 100%;
	}
	#masthead>.desktop .utilities .search-cell form .search-cell-interior {
		max-width: 600px;
    margin: auto 60px auto auto;
		position: relative;
	}
	#masthead>.desktop .utilities .search-cell input[type="search"] {
		display: inline-block;
		margin: 0;
		border: none;
		height: 53px;
		width: 100%;
		text-align: left;
		background-color: #464646;
		color: #fff;
		position: relative;
		z-index: 0;
	}
  #masthead>.desktop .utilities .search-cell input[type="search"]:focus {
		background-color: #fff;
		color: #000;
		box-shadow: none;
  }
  #masthead>.desktop .utilities .search-cell input[type="search"]:focus::placeholder {
    	color: #696969;
  }
	#masthead>.desktop .utilities .search-cell button[type="submit"] {
		cursor: pointer;
		position: absolute;
		z-index: 1;
    background-color: #464646;
	}
	#masthead>.desktop>.navigation {
		height: 35px;
		background-color: rgba(70,70,70,0.85);
	}
	#masthead>.desktop>.navigation h2 {
		display: none;
	}
	#masthead>.desktop>.navigation h2 ~ ul {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		margin: 0 -15px;
		padding: 0;
		list-style-type: none;
	}
	#masthead>.desktop>.navigation h2 ~ ul > li {
		position: relative;
	}
	#masthead>.desktop>.navigation h2 ~ ul > li > a {
		display: inline-block;
		padding: 0 18px;
		line-height: 35px;
		font-size: 14px;
		font-weight: 600;
		color: #fff;
		position: relative;
	}
	#masthead>.desktop>.navigation h2 ~ ul > li > a::after {
		content: '';
		height: 5px;
		width: calc(100% - 32px);
		background-color: rgba(95,224,211,0);
		position: absolute;
		bottom: 0;
		left: 16px;
		-webkit-transition: 0.25s;
		transition: 0.25s;
	}
	#masthead>.desktop>.navigation h2 ~ ul > li:hover > a::after {
		background-color: rgba(95,224,211,1);
	}
	#masthead>.desktop>.navigation h2 ~ ul > li > ul {
		display: none;
		margin: 0;
		padding: 16px;
		list-style-type: none;
		background-color: #fff;
		box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
		position: absolute;
		top: 100%;
		left: 16px;
	}
	#masthead>.desktop>.navigation h2 ~ ul > li:last-child > ul {
		left: auto;
		right: 16px;
	}
	#masthead>.desktop>.navigation h2 ~ ul > li:hover > ul {
		display: block;
	}
	#masthead>.desktop>.navigation h2 ~ ul > li > ul > li {
		white-space: nowrap;
	}
	#masthead>.desktop>.navigation h2 ~ ul > li > ul > li > a {
		display: block;
		padding: 0 8px;
		line-height: 32px;
		font-size: 14px;
		font-weight: 800;
		color: #000;
	}
	#masthead>.desktop>.navigation h2 ~ ul > li > ul > li > a:hover {
		color: #00267e;
	}

	/* SHARED STYLES */
  @media(max-width: 1023px) {
    #masthead > .desktop .utilities .social-cell,
    #masthead > .mobile > .navigation .social {
      padding: 16px 20px;
    }
    .language-switch.nav {
      background: #464646;
      padding: 16px 20px;
      /*border-bottom: 1px solid #6f6f6f;*/
    }
    #block-languageswitch {
      line-height: 1;
    }
  }
  @media(min-width: 1024px) {
    #masthead > .desktop .utilities .social-cell,
    #masthead > .mobile > .navigation .social {
      padding: 30px 0;
    }
  }
	#masthead>.desktop .utilities .social-cell h2,
	#masthead>.mobile>.navigation .social h2 {
		display: none;
	}
	#masthead>.desktop .utilities .social-cell h2 ~ ul,
	#masthead>.mobile>.navigation .social h2 ~ ul {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-end;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#masthead>.desktop .utilities .social-cell h2 ~ ul:not(.has-icons),
	#masthead>.mobile>.navigation .social h2 ~ ul:not(.has-icons) {
		display: none;
	}
	#masthead>.desktop .utilities .social-cell h2 ~ ul li,
	#masthead>.mobile>.navigation .social h2 ~ ul li {
		display: block;
		height: 25px;
		width: 25px;
	}
	#masthead>.desktop .utilities .social-cell h2 ~ ul a,
	#masthead>.mobile>.navigation .social h2 ~ ul a {
		display: block;
		padding: 5px;
		width: 25px;
		height: 25px;
		vertical-align: top;
	}
	#masthead>.desktop .utilities .social-cell h2 ~ ul span,
	#masthead>.mobile>.navigation .social h2 ~ ul span {
		display: none;
	}
	#masthead>.desktop .utilities .social-cell h2 ~ ul a::after,
	#masthead>.mobile>.navigation .social h2 ~ ul a::after {
		content: '';
		display: block;
		height: 15px;
		width: 15px;
		background-size: 15px 15px;
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}
	#masthead>.desktop .utilities .social-cell h2 ~ ul a.icon-email::after,
	#masthead>.mobile>.navigation .social h2 ~ ul a.icon-email::after {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAdVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////li2ZAAAAAJnRSTlMAzOsEvva2MiPy3o0L5sadc29PHwPWwq+qfWBeSBoVEO2GgHtFL8bM0UgAAAC3SURBVHjatZLJDsIwDAWHpm260g3KvoP//xOJVKkkQHOCOTmaKLGfzF9Rt3A2QVgrLuIhp/TpgLNPl6x9uiJJp22awD2astEeFDr7bjONIjxR5N/s2ogYWWpog4+RWngsBVNeFxxXro0P0ERitGGewC61emqgC8XAeE7mg3Nu83ptsRnKjfUXdi+6F+k17Eux9UBVQNdBUckIdg5bBWprp4Q7bRy7CSDv/FIH/mXK/auoau8i/5Mnf8BUuAmuDVUAAAAASUVORK5CYII=');
	}
	#masthead>.desktop .utilities .social-cell h2 ~ ul a.icon-facebook::after,
	#masthead>.mobile>.navigation .social h2 ~ ul a.icon-facebook::after {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAATlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////+QlxstAAAAGXRSTlMA0uymdxF0NOYN9LSuhBz6y8q6mpFeWEgiChiGSQAAAHJJREFUOMvt0MkOgCAMRdE61nme3v//qBBMiA2BldGFZ0Xo3bQkbU1RQWnJ6YhwScilK+APJvgDRiBoYc2uoDazZmfm0hWM0Ho7k8yOMT0TcKqYM1Wp1okggZB/MFggrCRkynUH/SyDh/qDd4Ma2nD7OwH+gxqy40nOfAAAAABJRU5ErkJggg==');
	}
	#masthead>.desktop .utilities .social-cell h2 ~ ul a.icon-twitter::after,
	#masthead>.mobile>.navigation .social h2 ~ ul a.icon-twitter::after {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAh1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9qkf8RAAAALHRSTlMA+gP11BljX00JAezm4IZqQDQS2s7NwrquqZ+IflAp8JJ5WEUgs5xuOC4jESdkjQ4AAADnSURBVBgZxcFXdoNAEATA3iXnoEhSlmPf/3wGLHuHJ/i1q/AvdLaNLLtx0Cs0oDNMfNgcHTvH21UAOmYQnIRG7ABIyRZGTWPluy5Qk9yXePhUNBTXAdCwF3shRj6lbQmg48j2AvRcCusAPZ3wm1VlRelT2GGUU1AU9hicvbPivBMGJy56xeDKRe8YhBsuiEOMDhHn1Xg42JyV46E8pEc+W+PHTXGOj18NZ9xh6IpPIgdC6CacUldMhcWGgrpgSvs2BesCKcjbFaVVASPfWZyy0gCS9rYU4tTBk5v7skksFdn79k3jz30BJhxSIWLGslcAAAAASUVORK5CYII=');
	}
	#masthead>.desktop .utilities .social-cell h2 ~ ul a.icon-youtube::after,
	#masthead>.mobile>.navigation .social h2 ~ ul a.icon-youtube::after {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAY1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+aRQ2gAAAAIHRSTlMAq7a7mfnXWi7r4tvDlHppOAQDjA4M9ODLtJ50Yk0fizdnXSsAAACbSURBVCjPxZJJEsIgEEV/pBMykRmjMSr3P6WyEEQLepm3oBpeFUPzcSzTIPtupi17I4QdN5q7Xg6TtWVhIhQloFcTpdaQJsEO5SfZ3zEE4eoW4+0caoHG1ScAj2ugG1SBBu71l66Q/2gsyuscJtSW8pLUGNvPGqOZzZmrMQ9j2sI1lVJforCbBBJLHberZsLko0g+ikRPF8XjeAFSOj2+DxNVYQAAAABJRU5ErkJggg==');
	}
	#masthead>.mobile>.navigation .social {
		padding-right: 20px;
	}
	#masthead>.mobile>.navigation .social li {
		margin-left: 10px;
	}

	/*MESSAGES*/
	#masthead .messages .callout {
		width: 100%;
		margin: 0;
	}



}

/*@media (max-width: 1023px){*/
/*  #block-breadcrumbs {*/
/*    display:none;*/
/*  }*/
/*}*/
@media only screen and (min-width: 375px) {
	#masthead>.mobile>.bar .logo-cell a {
		padding: 9px;
	}
	#masthead>.mobile>.bar .logo-cell .logo {
		height: 30px;
		width: 224.22px;
	}
}
@media only screen and (min-width: 640px) {
	#masthead>.mobile>.bar .logo-cell {
		padding: 6px 0 6px 16px;
	}
}
@media only screen and (min-width: 1024px) {
	#masthead {
		width: 100%;
		position: fixed !important;
		left: 0;
	}
	#masthead>.desktop {
		display: block;
	}
	#masthead>.mobile {
		display: none;
	}
	/*BREADCRUMBS*/
	.scrolled #masthead .breadcrumbs {
		/*opacity: 0;*/
		margin-top: -34px;
		pointer-events: none;
		transition: opacity 0.3s, margin-top 0.5s;
	}
}

/* LANGUAGE TOGGLE */
@media(max-width:639px) {
  #block-languageswitch {
    padding:0;
  }
  .grid-container.language-switch {
    text-align: right;
    padding: 16px;
  }
  .grid-container.language-switch a {
    color: #00267E;
    font-size: 14px;
    font-weight: 900;
  }
}
#block-languageswitch a {
	color: #5fe0d3;
	font-size:14px;
}
.menu-text {
  color: white;
  font-size: 16px;
  vertical-align: middle;
  font-weight: 900;
  margin-left: 8px;
}
/*.open-navigation .menu-text{*/
/*  color: white;*/
/*  font-size: 18px;*/
/*  font-weight: 700;*/
/*  margin-left: 8px;*/
/*  vertical-align: middle;*/
/*}*/


/*Breadcrumbs*/
@media (max-width: 639px) {
  #masthead .mobile .breadcrumbs {
    position: relative;
  }
  #block-breadcrumbblock {
    width: 100%;
  }
  .breadcrumbs {
    background-color: #464646;
    width: 100%;
    box-shadow: 0 0.2rem 1.5rem 0 rgba(0, 0, 0, 0.3);
    position: relative;
  }
  .breadcrumb-main .link-block {
    line-height: 15px !important;
    font-size: 12px;
    font-weight: 800;
    background-color: #464646;
    color: #fff;
    border-bottom: solid 1px #6f6f6f;
  }
  .breadcrumb-main .link-block .drop-arrow-container {
    position: absolute;
    right: 0.9rem;
    bottom: 0.75rem;
    max-width: 3rem;
    color: #5fe0d4;
    font-size: 15px;
  }
  #masthead .breadcrumbs .link-block a{
    color: #fff !important;
  }

  .block-breadcrumbblock .current-page::before {
    content: '\2013';
  }

  .crumb-parent .link-block {
    display: none;
  }

  .link-block {
    margin-left: -10px;
    margin-right: -10px;
    padding: 12px 15px;
  }

  .link-block .current-block {
    display: block;
  }

  .link-block {
    background: #464646;
    margin-left: -10px;
    margin-right: -10px;
  }

  #masthead .breadcrumbs a {
    color: #fff;
    line-height: 16px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    background-color: #464646;
    margin-left: 6px;
  }

  .link-block.collapsed {
    font-size: 16px !important;
  }
  .link-block.current-block:last-child {
    border: none;
  }
  .crumb-parent .link-block:nth-child(2) a {
    padding-left: 6px !important;
    transition: 2s;
  }
  .crumb-parent .link-block:nth-child(3) a {
    padding-left: 12px !important;
    transition: 2s;
  }
 .crumb-parent .link-block:nth-child(4) a {
    padding-left: 18px !important;
    transition: 2s;
  }
  .crumb-parent .link-block:nth-child(5) a {
    padding-left: 24px !important;
    transition: 2s;
  }
  .add-padding {
    padding-left: 18px;
    transition: 1s;
  }
  .remove-padding {
    transition: 1s;
    padding-left: 0px;
  }

  #masthead .breadcrumbs a {
    color: #000;
  }
  #masthead .breadcrumbs {
    margin-top: 75px;
  }
}

@media (min-width: 639px) {
  #masthead .breadcrumbs {
    margin-top: 140px;
    margin-left: 35px;
  }
   #masthead .mobile .breadcrumbs {
    position: absolute;
  }
  #masthead .breadcrumbs ol {
    margin: 12px 0 0;
    list-style: none;
  }
  #masthead .breadcrumbs li,
  #masthead .breadcrumbs a {
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    font-weight: normal;
  }
  #masthead .breadcrumbs li {
    text-transform: none;
  }
  #masthead .breadcrumbs li:last-child,
  #masthead .breadcrumbs li:nth-last-child(2)::after {
    font-weight: bold;
  }
  #masthead .breadcrumbs li:not(:last-child)::after {
    color: #fff;
  }
  #masthead .breadcrumbs a:hover {
    cursor: pointer;
  }
  .scrolled #masthead .breadcrumbs {
    opacity: 0;
    margin-top: -34px;
    pointer-events: none;
    transition: opacity 0.3s, margin-top 0.5s;
  }
}

.breadcrumbs .grid-container{
  padding-left: 0;
}
@media(min-width:639px) {
  .component.expandable-text.light.white ul {
    list-style: disc;
    line-height: 1.6;
    margin-left: 16px;
  }
}
.component.link-columns.light.white.show-for-large h2,
.component.expandable-text h2,
.component.group-research-feed h2 {
  font-weight:bold;
  font-size: 2rem;
}

#block-languageswitch .language-switch{
  position: fixed;
  right: 0;
  top: 50%;
  font-weight: bold;
  background-color: rgba(81, 35, 155, .89);
  box-shadow: rgba(0, 0, 0, .25) 0 54px 55px, rgba(0, 0, 0, .12) 0 -12px 30px, rgba(0, 0, 0, .12) 0 4px 6px, rgba(0, 0, 0, .17) 0 12px 13px, rgba(0, 0, 0, .09) 0 -3px 5px;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  padding: 10px 20px;
}

#block-languageswitch .language-switch a {
  color: white;
  font-size:16px;
}

/* Proper solution to come*/
ul#ui-id-1 {
  display: none !important;
}

@media print {
  .head,
  #search-primary,
  #block-breadcrumbblock{
    display:none !important;
  }
  #block-nhgri-content blockquote > p{
    font-size:26px !important;
  }
}
