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

	#footer .footer-secondary {
		background-color: #f1f1f1;
		overflow: hidden;
	}
	#footer .footer-secondary .grid-container {
		padding: 0;
	}
	#footer .footer-secondary .grid-container .contact-cell {
		padding: 16px;
	}
	#footer .footer-secondary .grid-container .contact-cell .contact-dock {
		padding: 16px;
		background-color: #fff;
	}
	#footer .footer-secondary .grid-container .contact-cell .contact-dock .heading {
		margin: 0;
		font-size: 22px;
		line-height: 24px;
		color: #000;
	}
	#footer .footer-secondary .grid-container .contact-cell .contact-dock .heading::after {
		content: '';
		display: block;
		margin: 16px 0;
		height: 7px;
		width: 30px;
		background-color: #5ee0d3;
	}
	#footer .footer-secondary .grid-container .contact-cell .contact-dock form {
		margin: 16px 0 0 0;
		position: relative;
	}
	#footer .footer-secondary .grid-container .contact-cell .contact-dock form .input-group {
		margin: 0;
		position: relative;
	}
	#footer .footer-secondary .grid-container .contact-cell .contact-dock form .input-group input[name="email"] {
		margin: 0;
		border: none;
		height: 50px;
		box-shadow: none;
		background-color: #ebebeb;
		position: relative;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	#footer .footer-secondary .grid-container .contact-cell .contact-dock form .input-group input[name="email"]::placeholder {
		color: #000;
	}
	#footer .footer-secondary .grid-container .contact-cell .contact-dock form .input-group input[name="email"]:-ms-input-placeholder {
		color: #000;
	}
	#footer .footer-secondary .grid-container .contact-cell .contact-dock form .input-group input[name="email"]::-ms-input-placeholder {
		color: #000;
	}
	#footer .footer-secondary .grid-container .contact-cell .contact-dock form .input-group button[type="submit"] {
		border-radius: 5px;
		padding: 0 14px;
		font-size: 12px;
		font-weight: 800;
		background-color: #00267e;
		color: #fff;
		position: absolute;
		top: 8px;
		right: 8px;
		bottom: 8px;
		left: auto;
	}
	#footer .footer-secondary .social-cell {
		padding: 16px 32px;
	}
	#footer .footer-secondary .social-cell .heading {
		margin: 0;
		font-size: 22px;
		line-height: 24px;
		color: #000;
	}
	#footer .footer-secondary .social-cell .heading::after {
		content: '';
		display: block;
		margin: 16px 0 24px;
		height: 7px;
		width: 30px;
		background-color: #5ee0d3;
	}
	#footer .footer-secondary .social-cell .social-dock .orbit {
		padding: 0;
	}
	#footer .social-dock {
		position: relative;
	}
	#footer .social-dock .follow-us {
		position: absolute;
		top: -38px;
		right: -8px;
		color: #00267E;
		font-size: 14px;
		font-weight: 600;
		line-height: 24px;
		width: 90px;
		z-index: 2;
		background-color: #f1f1f1;
	}
	#footer .social-dock .follow-us:hover {
		color: #464646;
	}
	#footer .social-dock .essential-pattern-wrapper {
		display: none;
	}
	#footer .orbit-bullets button {
		margin: 0 4px;
		border: 2px solid #00267E;
		background-color: transparent;
		height: 12px;
		width: 12px;
	}
	#footer .orbit-bullets button.is-active {
		background-color: #00267E;
		-webkit-transform: scale(1.2);
		    -ms-transform: scale(1.2);
		        transform: scale(1.2);
	}
	#footer .footer-secondary .social-cell .social-dock .tile .tile-interior {
		height: 0;
		padding: 0 0 100% 0;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		background-color: #383838;
    overflow: hidden;
	}
	#footer .social-cell .social-stack .cell {
		background-color: #383838;
	}
	#footer .social-cell .social-stack .cell:not(:last-of-type) {
		margin-bottom: 24px;
	}
	#footer .social-cell .tile-interior .tile-text,
	#footer .social-cell .orbit-slide figcaption,
	#footer .social-cell .social-stack .msg {
		padding: 15px;
		line-height: 20px;
		font-size: 14px;
		font-weight: 600;
		color: #fff;
	}
	#footer .social-cell .tile-interior .tile-text {
		height: 0;
	}
	#footer .social-cell .tile-interior .tile-text a,
	#footer .social-cell .orbit-slide figcaption a,
	#footer .social-cell .social-stack .msg a {
		font-family: inherit;
		font-size: inherit;
		line-height: inherit;
		font-weight: inherit;
		color: #fff;
	}
	#footer .social-img-bg {
	  height: 100%;
	  background-size: cover;
	  background-position: center;
	}
	#footer .social-cell .tile-interior .tile-text a:hover,
	#footer .social-cell .orbit-slide figcaption a:hover,
	#footer .social-cell .social-stack .msg a:hover,
	#footer .social-cell .img-link .msg:hover {
		color: #5fe0d3;
	}
	#footer .social-dock .img-link {
		width: 100%;
	}
	#footer .social-dock .img-link img {
		width: 100%;
	}
	#footer .footer-secondary .social-cell .social-dock .tile .tile-interior::after,
	#footer .footer-secondary .social-cell .social-dock .orbit-slide::after {
		content: '';
		height: 36px;
		width: 36px;
		background-color: #fff;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: 20px;
		position: absolute;
		top: 0;
		right: 0;
		box-shadow: 0px 2px 4px;
	}
	#footer .footer-secondary .social-cell .social-dock .tile.facebook .tile-interior::after,
	#footer .footer-secondary .social-cell .social-dock .orbit-slide.facebook::after {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAARVBMVEUAAAAAJn4AJn4AJn4AJn8ALXgAJ34AJn4AJH4AJn4AJn4AJn4AJn4AJn8AJnkAAIAAJn4AJn4AJ38AJn0AJn0AJ4AAJn4GsKGoAAAAFnRSTlMA0ux2phE05h72y7SuhA0CupqRXlhITH9VbQAAAHBJREFUOMvt0EsOgCAMRVEUrXzFb/e/VCGQSBoCI6MD77Rn0sdI7jCTRJ9lxUSHqaF8n7AOFqwDwAawGVhLQMebOQFgLgEVwX2jxR979gwA7oszSR4SBAxI4h8EGwU7AW70pR3GUHOoH7wLNIYUy7sAEvcXoVxMV7kAAAAASUVORK5CYII=');
	}
	#footer .footer-secondary .social-cell .social-dock .tile.youtube .tile-interior::after,
	#footer .footer-secondary .social-cell .social-dock .orbit-slide.youtube::after {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAY1BMVEUAAAAAJn4AJn4AJn4AJn4AJn4AJn4AJn8AJH0AJn4AJn4AJX0AJn4AJX4AJn8AJX4AMHAAJn4AJX4AJn8AJX0AJn0AJX8AJH8AJ3wAJ34AJn4AJ34AJn0AJX4AJ34AJn4AJn4nQxQEAAAAIHRSTlMAiIz4fuTJkhb07bGGXkcdBefamnpwOi0Q9dTAr2dVUZylkjAAAACSSURBVCjPxdA5DsQgEAXRGgMG7/syO/c/5UhOjNG4U1f29QJEc3GunvQtSk+127Ap/ElFA87408xK6YU0qcRPjMSGfB/qlUd8R+1jYC2zAyuCkQDOqtBjhsYqiaESubUSf3rh7e/Dh4UfK6ijG2Z04fJRnXzzlERiyyLxDPpcB4Cq/4+5btlaqrG8HRvfc8u1/QDR0UIU4kgpSAAAAABJRU5ErkJggg==');
	}
	#footer .footer-secondary .social-cell .social-dock .tile.twitter .tile-interior::after,
	#footer .footer-secondary .social-cell .social-dock .orbit-slide.twitter::after {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAflBMVEUAAAAAJn4AJn8AKHEAJX4AJn4AAC0AJn4AJn4AKn0AGn0AJn4AJn4AJn4AJn4AJn4AJn4AJn0AJ38AJX0AJ3wAJn4AJn4AJn4AJn4AJn0AJn0AJn8AJn4AJn4AJX4AJX0AJn8AJn8AJn0AJ38AJ34AIn0AJn4AJIAAJHwAJn61uGVFAAAAKXRSTlMA+k0E1GIB7XwSCfbm4MGGa11AKhrz2s7Nt66pn4iSZlNFNTMgFpw4I1uSNkcAAADkSURBVBgZxcFXVsQwEATAluSc8+YcoO9/QWyzoPFb+xeq8C9Mkfmxc2jQuxrAnDDx6XDUnh9utgOgWUB4pLSSBkBOBrD2tDrtnoA9yW2Il1DRUlxFwIG9pPQw0pSyEIDmyHEj9FwKqwg9k/JbvCtuoaawwaiioChsMQjKQHHeEYMjFxUYXLioxsBbc0HiYVT7nLfHS+1wVoWXsM59vlvhx11xjsavA2dsYJkd3/gNBM9NOaUumPJuawqqxJSnHQrxGVJUBR2l7gqr2rScivMIkikzCkne4M3dfa7TVvnONvgw+HNfHrpM3ZrUXmsAAAAASUVORK5CYII=');
	}
	/*MAILCHIMP FOOTER FORM*/
	#footer #block-mailchimp-form input[type="email"] {
		margin: 0;
		border: none;
		height: 50px;
		box-shadow: none;
		background-color: #ebebeb;
		position: relative;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	#footer #block-mailchimp-form input[type="email"]::placeholder {
		color: #0a0a0a;
		opacity: 1;
	}
	#footer #block-mailchimp-form input[type="email"]:-ms-input-placeholder {
		color: #0a0a0a;
	}
	#footer #block-mailchimp-form input[type="email"]::-ms-input-placeholder {
		color: #0a0a0a;
	}
	#footer #block-mailchimp-form label, 
	#footer #block-mailchimp-form [data-drupal-selector^="edit-mailchimp-lists-interest-groups-"] {
		display: none;
	}
	#footer #block-mailchimp-form input[type="submit"] {
		border-radius: 5px;
		padding: 0 14px;
		font-size: 12px;
		font-weight: 800;
		background-color: #00267e;
		color: #fff;
		position: absolute;
		top: 8px;
		right: 8px;
		bottom: 8px;
		left: auto;
		cursor: pointer;
		margin: 0;
	}
	#footer #block-mailchimp-form input[type="submit"]:hover {
		background-color: #464646;
		transition: background-color 0.25s ease-out, color 0.25s ease-out;
	}

	#footer .footer-primary {
		padding: 40px 30px;
		background-color: #000;
		color: #fff;
	}
	#footer .footer-primary .grid-container {
		padding: 0;
	}
	#footer .footer-primary .branding-cell {
		text-align: center;
		margin-bottom: 32px;
	}
	#footer .footer-primary .branding-cell .grid-x {
		margin: 0 auto;
		max-width: 400px;
	}
	#footer .footer-primary .branding-cell img {
		max-height: 40px;
	}
	#footer .footer-primary .links-cell {
		text-align: center;
	}
	#footer .footer-primary .links-cell h2 {
		display: none;
	}
	#footer .footer-primary .links-cell ul {
		margin: 0;
		list-style-type: none;
	}
	#footer .footer-primary .links-cell li {
		line-height: 40px;
	}
	#footer .footer-primary .links-cell a {
		font-size: 13px;
		color: #fff;
	}
	#footer .footer-primary .mantra-cell {
		padding-top: 50px;
		text-align: center;
	}
	#footer .footer-primary .mantra-cell svg {
		display: inline-block;
		height: 50px;
		width: auto;
	}

	/*JUICER SOCIAL BLOCK*/
	.juicer-social {
		visibility: hidden;
		height: 0;
		padding: 0;
		overflow: hidden;
	}
}
@media only screen and (min-width: 640px) {

	#footer .footer-secondary .grid-container .contact-cell {
		padding: 32px;
	}
	#footer .footer-secondary .grid-container .contact-cell .contact-dock {
		padding: 32px;
	}
	#footer .footer-secondary .grid-container .contact-cell .contact-dock .heading {
		font-size: 26px;
		line-height: 30px;
	}
	#footer .footer-secondary .grid-container .contact-cell .contact-dock .heading::after {
		margin: 27px 0;
		height: 11px;
		width: 47px;
	}
	#footer .footer-secondary .grid-container .contact-cell .contact-dock form {
		margin: 32px 0 0 0;
	}
	#footer .footer-secondary .grid-container .social-cell {
		padding: 32px 64px 64px 64px;
	}
	#footer .footer-secondary .grid-container .social-cell .heading {
		font-size: 26px;
		line-height: 30px;
	}
	#footer .footer-secondary .grid-container .social-cell .heading::after {
		margin: 27px 0;
		height: 11px;
		width: 47px;
	}
	#footer .footer-secondary .grid-container .social-cell .social-dock .grid-x {
		margin: 0 -7px;
	}
	#footer .footer-secondary .grid-container .social-cell .social-dock .grid-x .tile {
		padding: 0 7px;
	}
	#footer .social-dock .img-link,
	#footer .social-dock .txt-link {
		position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
	}
	#footer .social-dock .img-link {
		-webkit-transition: -webkit-transform 0.3s;
		transition: -webkit-transform 0.3s;
		-o-transition: transform 0.3s;
		transition: transform 0.3s;
		transition: transform 0.3s, -webkit-transform 0.3s;
		height: 100%;
	}
	#footer .social-dock .img-link img {
		height: 100%;
	}
	#footer .social-dock .txt-link {
		width: calc(100% - 32px);
	}
	#footer .social-dock .img-link:hover {
		-webkit-transform: translate(-50%, -50%) scale(1.1);
		    -ms-transform: translate(-50%, -50%) scale(1.1);
		        transform: translate(-50%, -50%) scale(1.1);
	}
	#footer .social-dock .essential-pattern-wrapper {
		display: block;
		position: absolute;
		top: -82px;
		right: -58px;
	}
	#footer .social-dock .essential-pattern {
		background-image: url('/themes/custom/nhgri/assets/patterns/pattern-acgt-gray-tablet.svg');
		background-size: cover;
		background-repeat: no-repeat;
		width: 140px;
		height: 0;
		padding-top: 190%;
	}

	#footer .footer-primary {
		padding: 60px 0;
	}
	#footer .footer-primary .grid-container {
		padding-right: 0.625rem;
		padding-left: 0.625rem;
	}
	#footer .footer-primary .branding-cell {
		padding-right: 20px;
		text-align: left;
		margin-bottom: 0;
	}
	#footer .footer-primary .branding-cell .grid-x {
		margin: 0 -8px;
	}
	#footer .footer-primary .branding-cell .cell {
		padding: 0 8px;
	}
	#footer .footer-primary .branding-cell img {
		max-height: 50px;
	}
	#footer .footer-primary .links-cell {
		text-align: left;
	}
	#footer .footer-primary .links-cell ul {
		border-left: 4px solid #2a2a2a;
		padding-left: 20px;
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
		-webkit-column-rule: 4px solid #2a2a2a;
		-moz-column-rule: 4px solid #2a2a2a;
		column-rule: 4px solid #2a2a2a;
		-webkit-column-gap: 44px;
		-moz-column-gap: 44px;
		column-gap: 44px;
		margin-left: 16px;
	}
	#footer .footer-primary .links-cell li {
		line-height: 25px;
		-webkit-column-break-inside: avoid;
		break-inside: avoid-column;
	}
	#footer .footer-primary .mantra-cell {
		padding-top: 0;
		text-align: right;
	}
	#footer .footer-primary .mantra-cell svg {
		height: 40px;
	}
}
@media only screen and (min-width: 1024px) {

	#footer .footer-secondary .grid-container {
		padding: 64px 20px;
	}
	#footer .footer-secondary .grid-container .contact-cell {
		padding: 0 15px 0 0;
	}
	#footer .footer-secondary .grid-container .contact-cell .contact-dock {
		padding: 55px 48px;
	}
	#footer .footer-secondary .grid-container .contact-cell .contact-dock .heading {
		font-size: 28px;
		line-height: 35px;
	}
	#footer .footer-secondary .grid-container .contact-cell .contact-dock form {
		margin: 48px 0 0 0;
	}
	#footer .footer-secondary .grid-container .social-cell {
		padding: 48px 0 0 15px;
	}
	#footer .footer-secondary .grid-container .social-cell .heading {
		font-size: 28px;
		line-height: 35px;
	}
	#footer .social-dock .essential-pattern-wrapper {
		top: -65px;
		right: -76px;
	}
	#footer .social-dock .essential-pattern {
		background-image: url('/themes/custom/nhgri/assets/patterns/pattern-acgt-gray-desktop.svg');
		width: 240px;
		padding-top: 128%;
	}

	#footer .footer-primary {
		padding: 60px 0;
	}
	#footer .footer-primary .branding-cell .grid-x {
		margin: 0 auto;
	}
	#footer .footer-primary .branding-cell img {
		max-height: 50px;
	}
	#footer .footer-primary .links-cell ul {
		border-left: 6px solid #2a2a2a;
		padding-left: 20px;
		-webkit-column-rule: 6px solid #2a2a2a;
		-moz-column-rule: 6px solid #2a2a2a;
		column-rule: 6px solid #2a2a2a;
		-webkit-column-gap: 46px;
		-moz-column-gap: 46px;
		column-gap: 46px;
		margin-left: 24px;
	}
	#footer .footer-primary .links-cell li {
		line-height: 30px;
	}
	#footer .footer-primary .mantra-cell {
		padding-right: 10px;
	}
	#footer .footer-primary .mantra-cell svg {
		height: 60px;
	}
}