#introFormation {
	 margin-bottom: 0rem;
	 margin-top: -3rem;
	 padding-top: 3rem;
	 padding-bottom: 4rem;
	 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Ccircle cx='300' cy='300' r='300' fill='%23f3f5f8'%3E%3C/circle%3E%3C/svg%3E");
	 background-repeat: no-repeat;
	 background-size: min(20vw, 20%);
	 background-position-y: 10%;
	 background-position-x: 10%;
}
 @media (min-width: 992px) {
	 #introFormation {
		 background-size: min(45vw, 45%);
		 background-position-x: -30%;
	}
}
 @media (min-width: 1400px) {
	 #introFormation {
		 background-size: min(40vw, 35%);
		 background-position-x: -10%;
		 background-position-y: 10%;
	}
}
 @media(min-width:2000px){
	 #introFormation {
		 background-size: min(40vw, 20%);
		 background-position-x: 21%;
	}
}
 @media (max-width: 991.98px) {
	 #introFormation {
		 padding-top: 2rem;
		 background-size: min(50vw, 50%);
		 background-position-y: 4%;
		 background-position-x: -20%;
		 margin-bottom: 0rem;
	}
}
 @media (max-width: 767.98px) {
	 #introFormation{
		 background-image: none;
	}
}
@media (max-width:509px) {
    #introFormation .u-autoPro--uppercase{
    letter-spacing: .2rem;
    display: block;
}
}
#Â鶹Éç {
    padding-bottom: 5rem;
}

.call-outOrange {
border-left: 2px solid var(--gfColors-seminaryOrange);
    padding-left: 1.5rem;
    margin-left: 3rem;
}
@media (max-width: 767.98px) {
.call-outOrange  {
    margin-left: 1rem;
}
}
@media (min-width: 767.98px){
#howKnow {
    padding-bottom: 5rem;
    padding-top:5rem;
}
}
#howKnow h2 {
    color: var(--gfColors-gold);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 2rem;
}
#howKnow h2 .u-thirstySoftExtraBold {
    font-family: ThirstySoftExtraBold, var(--gfVars-headerFont);
    color: white;
    letter-spacing: 0;
    text-transform: none;
    display: block;
    font-size: 1.5em;
    line-height: 1.25;
    margin-left: 4rem;
    margin-bottom: 3rem;
    position:relative;
}
#howKnow h2 .u-thirstySoftExtraBold::before {
    display: block;
    position: absolute;
    content: "";
    background-color: var(--gfColors-bodyText);
    background-size: contain;
    top: 1.5rem;
    right: calc(100% + 1rem);
    width: 540px;
    height: 2px;
    z-index: 2;
}
@media (max-width: 767.98px) {
   #howKnow h2 .u-thirstySoftExtraBold {
        margin-left: 0rem;
        font-size: 1.5em;
}
    #howKnow h2 {
        font-size:1.8rem;
}
}
@media (max-width:500px) {
    #howKnow h2 .u-thirstySoftExtraBold{
    font-family: 'alternate-gothic-atf';
}
  
}
@media (max-width:399px) {
    #howKnow h2 span{
    display:block;
    line-height:1;
}
 #howKnow h2 {
    letter-spacing: 0.05em;
    }
}
 .programsBox{
	 border: 2px solid var(--gfColors-slate45);
	 margin-top: 4rem;
	 padding: 2rem;
}
 @media (min-width:992px){
	.programsBox {
		 max-width: 960px;
		 margin-left: 7rem;
		 margin-right: 7rem;
	}
}
 @media(max-width:767.98px){
    .programsBox {
		 margin-top: 2rem;
		 padding: 1.5rem;
	}
}
 @media(max-width:375px){
	 .programsBox {
		 padding: 1rem;
	}
}

 @media (min-width:767.98px){
#director_component {
    padding-bottom: 5rem;
}
}

#questions {
	 display: grid;
	 background-image: url(/seminary/about/_assets-formation/images/other-programsbg.jpg);
	 background-size: cover;
	 background-position: center;
	 place-items: center;
	 text-align: center;
	 min-height: 20rem;
	 max-width: unset;
}
#questions div {
	 background: #1f2a42d6;
	 padding: 2rem 1rem 1rem;
	 margin: 2rem 0;
	 width: 70%;
     text-wrap: pretty;
}
@media (min-width:1200px) {
    #questions div {
        width:60%;
    }
}
@media (max-width:487.98px) {
    #questions div {
        width:85%;
    }
}
@media (max-width:320px) {
    #questions div {
        padding: 2rem 0rem 1rem;
    }
}

#questions h2 {
	 margin: 0;
	 font-size: 2em;
	 letter-spacing:.5px;
}
 #questions p {
	 color: var(--gfColors-slate45);
	 width: 90%;
	 max-width: 700px;
	 margin-left: auto;
	 margin-right: auto;
	 font-size: 1.2rem;
}