main li a[href*=".pdf"]:before, main td a[href*=".pdf"]:before, main p a[href*=".pdf"]:before, main .panel-body a[href*=".pdf"]:before {
	 content: "";
	 display: inline-block;
	 margin-right: .2em;
	 background: url(/images/icons/pdf-icon-small.gif);
	 background-position: center center;
	 background-repeat: no-repeat;
	 background-size: contain;
	 width: 15px;
	 height: 15px;
}


.staff {
    padding-left:90px;
    position:relative;
    min-height:67px
}

.staff-large {
    padding-left:115px;
    min-height:92px;
}


 .staff-name {
    font-weight:200;
    font-size:28px;
    line-height:1em
}

 .staff-image {
	 display:block;
	 position:absolute;
	 left:0;
	 top:-8px;
	 height:75px;
	 width:75px;
	 border-radius:100px;
	 background-size:cover !important;
	 float:left;
	 border:2px solid #f5f5f5;
	 background-repeat:no-repeat !important;
}

 .staff-large .staff-image {
	 height:100px;
	 width:100px;
}



@media (min-width:768px) {
    #intro {padding:6rem 0;}
}

 #intro .bannersm {
	margin-top:15px
}

 #intro .fab {
	width:62px;
	 height:62px;
	 color:#c8102e;
	 font-size:30px;
	 line-height:1em;
	 text-align:center;
	 padding:15px;
	 border:1px solid rgba(255,255,255,.7);
	 border-radius:100px;
	 background: rgba(255,255,255,.7);
	 transition:.2s
}

 #intro .fab:hover {
	text-decoration:none;
	 color:#960c22;
	 background: rgba(255,255,255,.9)
}


#intro h2 {
    color: #c8102e;
    font-family: 'League Gothic', sans-serif;
    font-size: 80px;
    font-weight: normal;
    line-height: .95em;
    letter-spacing: 0;
    margin: 0 0 5px 0;
    padding: 0;
    text-transform: uppercase;
    position: relative;
    z-index: 0;
}

#intro p {
    font-family: "Crimson";
    font-size: 24px;
}

 .contact {
    height:400px;
    background-color:#f5f5f5;
    display:table
}

 .building {
    background:url(/sga/_images/sc-north.jpg) no-repeat;
    background-size:cover;
    height:400px
}

 .contact {
	border-top:1px solid #e9e9e9
}

.antispam {
    display:none
}

#contactinfo {
    display:flex;
    flex-direction:row;
    background-color:#f5f5f5;
    border-top:1px solid #e9e9e9
}

 .contact-us, .contact-form {
	flex:1;
	 position:relative
}

 .building {
	height:auto;
	 flex:2
}

 .contact-us .fa-phone {
	 color: #00B388;
	 background-color: #f5f5f5;
	 border-top: 1px solid #e9e9e9;
	 padding: 30px;
	 border-radius: 100px;
	 font-size: 50px;
	 position: absolute;
	 left:auto !important;
	 margin-left:0;
	 right:0;
	 margin-right: -55px;
	 top: -30px;
	 transition: .2s;
	 z-index:5
}

 #contact-sga {
	 position:relative;
}

 .building {
	 display: block;
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: calc(66% + 30px);
	 right: 0;
}

 #contact-sga .fa {
	 color:#54585a;
	 font-size:40px;
	 display:block;
	 margin-bottom:10px;
}

 #asksga {
	 display: block;
	 text-align: center;
	 color: #FFF;
	 background-color: #c81023;
	 padding: 30px 15px;
	 font-size: 50px;
	 font-weight: 300;
	 transition:.2s;
}

 #asksga:hover {
	 background-color:#960c22;
	 text-decoration:none;
}




 @media (max-width:767px){
	
	 .building {
		 display: block;
		 position: relative;
		 width:100%;
		 padding-top:56.25%;
		 left:0;
		 margin-bottom:-15px
	}
}

 @media (max-width:1500px) {
	 .contact-us, .contact-form {
		flex:1;
		 position:relative
	}
	 .building {
		height:auto;
		 flex:1
	}
}

 @media (max-width:992px) {
	 .contact-us, .contact-form {
        flex:1;
        position:relative
	}
	
    .building {
        display:none
	}
}



 @media (max-width:767px) {
	 #intro h2, #intro p, .bannersm {
		text-align:center
	}
	 #contactinfo {
		flex-direction:column;
	}
	 .building {
		display:none
	}
}