.explore-learn-earth-system-wrapper .earth-system-grid {
    position: relative;
    width: 100%;
    text-align:center;
    white-space:nowrap;
}

.explore-learn-earth-system-wrapper .system-center {
    position: absolute;
    top: 50%;
    left:0;
    transform: translate(-40%, -50%);
    width: auto;
    text-align: center;
}

.explore-learn-earth-system-wrapper .system-left {
    padding: 0;
    margin-right: 15px;
    margin-bottom: 30px;
    margin-top: 10px;
}

.explore-learn-earth-system-wrapper .system-right {
    padding: 0;
    margin-left: 15px !important;
    margin-bottom: 30px;
    margin-top: 10px;
}
.explore-learn-img-container {
    margin-bottom: 14px;
    position: relative;
	background-color: #000000;
}
.explore-learn-img-container a img {
    max-width: initial;
    width: 100%;
}
.explore-learn-img-container a img,
.explore-learn-earth-system-wrapper .system-center a img {
    transition: all .2s ease;
}
.explore-learn-img-container a:focus img,
.explore-learn-img-container:hover img {
    filter: brightness(.70);
}
.elc-title-top-left, .elc-title-top-right, .elc-title-bottom-left, .elc-title-bottom-right {
    font-weight: 600;
    font-size: 1rem;
    position: absolute;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(1, 31, 66, 0.9);
}
.elc-title-top-left {
    top: 16px;
	right: 5%;
}
.elc-title-top-right {
    top: 16px;
    right: 5%;
}
.elc-title-bottom-left {
    top: 16px;
	right: 5%;
}
.elc-title-bottom-right {
    top: 16px;
	right: 5%;
}
.eaas-title {
	position: absolute;
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: 600;
    top: 50%;
    color: #fff;
    left: 50%;
    text-shadow: 1px 1px 2px rgba(1, 31, 66, 0.9);
    transform: translate(-50%,-50%);
    z-index: 1;
}
.explore-learn-earth-system-wrapper .system-center {
    background: radial-gradient(closest-side, black, black, white);
}
.explore-learn-earth-system-wrapper .system-center,
.explore-learn-earth-system-wrapper .system-center a > img {
    overflow: hidden;
    border-radius: 50%;
}
.explore-learn-earth-system-wrapper .system-center a #eaas-image-ctr:hover,
.explore-learn-earth-system-wrapper .system-center a:focus #eaas-image-ctr,
.explore-learn-earth-system-wrapper .system-center a .eaas-title:hover ~ #eaas-image-ctr {
    opacity: .75;
}
@media (min-width: 200px){
	.explore-learn-earth-system-wrapper .system-center img {
	    height:210px;
		width: auto;
	}
	.eaas-title {
	    font-size: 1rem;
	    line-height: 1.1;
	    transform: translate(-45%,-50%);
	}
}
@media (min-width: 440px){
	.explore-learn-earth-system-wrapper .system-center img {
	    height:260px;
	}
	.elc-title-top-left, .elc-title-top-right, .elc-title-bottom-left, .elc-title-bottom-right {
    	font-size: 1.2rem;
	}
	.eaas-title {
	    font-size: 1.4rem;
	    line-height: 1.3;
	}
	.explore-learn-img-container {
	    margin-bottom: 18px;
	}
}
@media (min-width: 540px){
	.explore-learn-earth-system-wrapper .system-center img {
	    height:310px;
	}
	.explore-learn-img-container {
	    margin-bottom: 22px;
	}
}
@media (min-width: 600px){
	.explore-learn-earth-system-wrapper .system-center img {
	    height:auto;
	}

}
@media (min-width: 797px){
	.explore-learn-earth-system-wrapper .system-center {
	    transform: translate(-50%, -50%);
	    left: 50%;
	}
	.explore-learn-earth-system-wrapper .system-center img {
	    height:230px;
	}
	.explore-learn-earth-system-wrapper .earth-system-grid {
	    white-space:nowrap;
	}
	.explore-learn-container.elc-top-tier {
		margin-bottom: 16px;
	}
	.explore-learn-img-container {
		display: inline-block;
	    width: 48.5%;
	    margin: 0;
	}
	.explore-learn-img-container.elc-left-img {
		margin-right: 13px;
	}
	.elc-title-top-left {
	    top: 16px;
	    bottom:initial;
	    left: 5%;
	    right: auto;
	}
	.elc-title-top-right {
	    top: 16px;
	    bottom:initial;
	    right: 5%;
	    left: auto;
	}
	.elc-title-bottom-left {
	    bottom: 16px;
	    top:initial;
	    left: 5%;
	    right: auto;
	}
	.elc-title-bottom-right {
	    bottom: 16px;
	    top:initial;
	    right: 5%;
	    left: auto;
	}
	.eaas-title {
	    transform: translate(-50%,-50%);
	}
}
@media (min-width: 900px){
	.explore-learn-earth-system-wrapper .system-center img {
	    height:260px;
	}
	.explore-learn-container.elc-top-tier {
		margin-bottom: 18px;
	}
	.explore-learn-img-container.elc-left-img {
		margin-right: 16px;
	}
}
@media (min-width: 1050px){
	.explore-learn-earth-system-wrapper .system-center img {
	    height:290px;
	}
	.explore-learn-container.elc-top-tier {
		margin-bottom: 20px;
	}
	.explore-learn-img-container.elc-left-img {
		margin-right: 18px;
	}
}
@media (min-width: 1200px){
	.explore-learn-earth-system-wrapper .system-center img {
	    height:330px;
	}
	.explore-learn-container.elc-top-tier {
		margin-bottom: 23px;
	}
	.explore-learn-img-container.elc-left-img {
		margin-right: 20px;
	}
}
@media (min-width: 1340px){
	.explore-learn-earth-system-wrapper .system-center img {
	    height:auto;
	}
	.explore-learn-container.elc-top-tier {
		margin-bottom: 25px;
	}
	.explore-learn-img-container.elc-left-img {
		margin-right: 21px;
	}
}