.circle-bg h2{
	 position: relative;
	 margin-top: 4rem;
}
 .circle-bg h2::before {
	 content: "";
	 height: 38rem;
	 width: 38rem;
	 display: block;
	 background-color:var(--gfColors-slate15);
	 border-radius: 50%;
	 position: absolute;
	 top: -20rem;
	 left: -25rem;
	 z-index: -1;
}
.studyAbroadHeader {
	 position:relative;
	 display:grid;
	 grid-template-columns:1fr auto 1fr;
	 padding:8rem 0;
	 background-color:var(--gfColors-navy);
	 background-size:cover;
	 background-position:center;
	 text-align:center;
}
 #juniorsHeader .studyAbroadHeader {
	 background-image:url(/college-admissions/academics/_assets-study-abroad/images/header-study-abroad.jpg);
}

 #semesterHeader .studyAbroadHeader {
	 background-image:url(/college-admissions/academics/_assets-study-abroad/images/copenhagen-bg.jpg);

 }

 #serveHeader .studyAbroadHeader {
	 background-image:url(/college-admissions/academics/_assets-study-abroad/images/header-study-abroad-service.jpg);
    background-position-y: 76%;
 }

 .studyAbroadHeader::before {
	 content:"";
	 display:block;
	 height:100%;
	 width:100%;
	 position:absolute;
	 top:0;
	 left:0;
	 background-color: #1f2a42a8;
	 opacity: 80%;
}
 .studyAbroadHeader h2 {
	 grid-area: 1/2;
	 color:white;
	 margin:0;
	 z-index:10;
	 text-transform: uppercase;
	 letter-spacing: .1em;
	 margin-bottom: -.2em;
}
@media (max-width:992px) {
    .studyAbroadHeader {
        padding: 6rem 0;
    }
}
@media (max-width:767.98px) {
    .studyAbroadHeader {
        padding: 12rem 0 2rem;
    }
    .studyAbroadHeader h2 {
            text-align: left;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width:425px) {
     .studyAbroadHeader h2 {
         grid-area: auto;
     }
}
/***Intro***/
 #abroad-options {
	 margin-top: 4rem;
}
 #abroad-options h2 {
	 text-align: center;
	 font-size: 1.6rem;
	 margin-top: 1.5rem;
	 font-weight: normal;
}


/***Callout more than half****/
 #moreThanHalf {
	 margin: 4rem 0 5rem;
	 background: var(--gfColors-slate15);
	 padding: 3rem 0;
}
 #moreThanHalf h3 {
	 margin: 0;
	 font-weight: 400;
	 font-size: 2.5em;
	 line-height: 1.1em;
}
 @media (max-width:767.98px){
	 #moreThanHalf h3 {
		 padding: 0 1rem;
	}
	#moreThanHalf {
    margin: 2rem 0 3rem;
    background: var(--gfColors-slate15);
    padding: 2rem 0;
}
}
 #moreThanHalf h3 span {
	 color:var(--gfColors-red);
	 font-weight:500;
}
/***Juniors Abroad***/
 #juniors-info h2, #semester-info h2, #serve-info h2 {
	 text-transform: uppercase;
	 letter-spacing: 0.1em;
	 margin-bottom: 2rem;
}

 #antarcticaCallout {
	 display: grid;
	 grid-template-columns: 1fr 1.5fr;
	 align-items: center;
	 grid-column-gap: 2rem;
}
 #antarcticaCallout h3 {
	 margin-top: 2rem;
	 line-height: 1.25em;
}
 #antarcticaCallout h3 span {
	 font-weight:500;
}

@media(max-width:767.98px){
    #antarcticaCallout{
        grid-template-columns: 1fr;
        text-align: center;
    }
    #antarcticaCallout img {
        width: 80%;
        text-align: center;
    }
    #antarcticaCallout h3 {
        margin-top: 0;
    }
}

/***National Leader Callout***/
 #callout-nation-leader {
	 display: block;
	 margin-left: auto;
	 padding-right: 150px;
	 margin-bottom: 5rem !important;
}
 @media (max-width:991.98px) {
	 #callout-nation-leader {
		 padding-right:0;
	}
}
 #callout-nation-leader .calloutBox-content {
	 padding:.2em 0 0 inherit;
	 margin-bottom: 0;
}
 #callout-nation-leader .calloutBox-content h3 {
	 margin-top: 0;
	 margin-bottom: -8px;
	 line-height: 1.25em;
}
 @media (max-width:767.98px) {
	 #callout-nation-leader {
		 max-width:570px;
		 margin:auto;
	}
}
/***Where in the World***/
 #map-header_component {
	 padding-right: 0;
	 margin-bottom: 0;
}
 #mapHeader {
	 text-align: center;
}
 #mapHeader h2:not(span) {
	 text-transform: uppercase;
	 letter-spacing: .25rem;
	 font-weight: bold;
	 color: var(--gfColors-red);
	 font-size: 1.5em;
	 margin-bottom: 0.5em;
}
 #mapHeader span {
     font-family: var(--gfVars-thirstyFont);
	 font-size: 2em;
	 text-transform: none;
	 letter-spacing: 0;
	 font-weight: normal;
	 color: var(--gfColors-navy);
	 margin-top: .15em;
	 display:block;
}
 #mapHeader h3 {
	 font-size: 1.15em;
	 margin-top: 0rem;
	 display:inline-block;
}
 #map_component {
	 margin-bottom: 0;
}
.legend-alt {
    position:relative;
}
.legend-alt::before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: var(--gfColors-slate100);
    position: absolute;
    top: 0;
    left: -1.5rem;
}