@charset "utf-8";
/* CSS Document */


    /*==========  Non-Mobile First Method  ==========*/
	
	    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1920px) {
.circleholder div.infocircles {
	height: 252.5px;
	width: 252.5px;
}
.infopipe {
	width: 252.5px;
	height: 188px;
}
.horline {
	width: 850px;
}
}



    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1440px) {

.mapimg img {
	margin: 0px 0px 0px -20%
}
}
	
		
	    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1366px) {
		

.blended{background-position: 0px 54%;}
}




    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
		
.blended{background-position: 0px 51%;}


.infobar {
	height: auto;
}
.chatinfo {
	padding: 20px 60px 20px 20px;
	float: left;
	max-width: 630px;
}
.chatlinks {
	float: left;
}


}
 @media only screen and (max-width : 1169px) {
.teammemberdetail {
	width: 30%;
	margin-right: 3%;
	height: auto;
	margin-bottom: 32px;
}
.teammemberdetail.contentbg {
	width: 67%;
	height: auto;
}
.contacticonbg {
	width: 100%;
	float: none;
	height: auto;
	min-height: 70px;
}
.contactblocks {
	float: none;
	text-align: center;
	margin-bottom: 0;
	height: 140px;
	margin-top: 30px;
}
.contacticonbg:after {
	top: 80px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #131313;
	border-width: 10px;
	margin-left: -10px;
}
.circleholder div.infocircles {
	height: 247px;
	width: 247px;
}
.infopipe {
	width: 247px;
	height: 188px;
}
.horline {
	width: 843px;
}
 }
  @media only screen and (max-width : 1169px) {
	
	.circleholder div.infocircles {
	height: 225px;
	width: 225px;
}
.infopipe {
	width: 225px;
	height: 188px;
}
.horline {
	width: 778px;
}  
  }
 @media only screen and (max-width : 1024px) {
	 
		.circleholder div.infocircles {
 
    height: 215px;
    width: 215px;
}
.infopipe {
    
    width: 215px;
    height: 188px;
  
}
.horline {width: 740px;}


.circleholder div span {line-height: 22px;
font-size: 22px;}	
.blended {background-position: center bottom; bottom: 0;}
.headlinedetail {display:none} 
.blended {padding: 25px 25px;}
.blended .headline {font-size:20px;  line-height:20px; padding-bottom:0 }
.blended .headline h1 { font-size:25px; line-height:25px;}
 }
 
    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
.chatinfo {
 max-width: 100%;
}
.chatlinks {
 padding: 10px 0px 25px 0;
 margin-left: 20px;
}
 .mapimg img {
 margin: 0px 0px 0px -45%
}


/*Responsive circle*/

.circleholder, .circleholder2 {
    width: 480px;
    margin: 0px auto;
}
.circleholder div.infocircles {
    height: 215px;
    width: 215px;
}
.infocirclesempty {
    display: inline-block;
    width: 40px; height: 40px;
}


.circleholder2 {
    width: 480px;
}
.infopipe {height: 188px;
width: 215px;}
.circleholder div:nth-child(4) {width:100%; display:block;}
.circleholder2 div:nth-child(5), .circleholder2 div:nth-child(6), .circleholder2 div:nth-child(7)  { display: none;
	}
	.circleholder div span {
    line-height: 29px;
    font-size: 22px;
  
}
.circleinfo {50px 25px 30px}

.horline {width: 320px;}
.infopipeinner {height: 160px;}
.lineholder {
    margin-top: -78px;
}
.circleholder2 div:nth-last-of-type(4) .infopipeinner, .circleholder2 div:nth-child(3) .infopipeinner {
    height: 160px;
}

.atlantasymbol img {
  
    width: 87%;
    height: auto;
}

.atlantasymbol {
    width: 152px;
    height: 152px;
	}

 input#subject, textarea#message  {
	box-sizing: border-box;
}	
	}
   /* Medium Devices, Tablets */
    @media only screen and (max-width : 882px) {
.intro {
	padding: 57px 80px;
}

.aboutfunding {
	padding-left: 80px;
	padding-right: 80px;
}
.mapimg img {
	margin: 0px 0px 0px -60%;
}
#contactfromholder {
	width: 96%;
}
}


    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
header {
	height: auto; margin-bottom:20px;
}
.navholder {
	margin-top: 0;
	float: none;
	width: 100%;
	text-align: center;
}
.logo {
    height: auto;
    position: relative;
    margin-left: 20px;
      float: left;
    display: block;
    text-align: left;  margin-bottom: 10px;
}
.logo img {
    width: 80%;
    height: auto;
}
nav {
	margin-top: 0;
}
.lplogin a {
	position: absolute;
	top: 10px;
	right: 0;
	margin-right: 10px;
}

.intro {
	padding: 57px 50px;
}
.aboutfunding {
	padding-left: 50px;
	padding-right: 50px;
}
.contactbg {
	background: #4C4C4C url("../images/contact-bg.jpg") no-repeat scroll bottom center;
}
.mapimg img {
	margin: 0px 0px 0px -70%;
}
.nameinput {
	float: none;
	width: 100%;
	margin-right: 0;
}
.emailinput {
	float: none;
	width: 100%;
}
.contactheaderbg {
	line-height: 100px;
	height: 100px;
}
#modal_holder span {margin: 20px 0px}
.sticking {height:124px}
/*font size adjustment in mobile*/
.intro article, .whatwedo article, .aboutfunding article, .team article {
    font-size: 18px;
    line-height: 34px;
  
}
.teamcontent {font-size: 15px;}
/*circle 1 raw responsive*/
.circleholder, .circleholder2 {
    margin: 0px auto;
    width: 100%;
}
.circleholder div.infocircles {
    min-height: 50%;
    width: 23%;
    height: 170px;
}

.circleinfo {padding: 0 10px 0 !important;}

.infopipe {
    width: 130px; height:80px;
}
.lineholder {margin-top: 20px;}
.infocirclesempty {width: 10px; float: left; display: inline-block;}
.circleholder2 div:nth-last-of-type(4) .infopipeinner, .circleholder2 div:nth-child(3) .infopipeinner , .infopipeinner{
    height: 80px;
}

.infocirclesempty {display:inline-block; height: 20px;}

.atlantasymbol {
    width: 80px;
    height: 80px;
    margin-top: -35px;
}
.atlantasymbol img {
    width: 84%;
    height: auto;
    left: 7px;
}
.horline {
    width: 270px;
}
.infopipe {display:none}
.circlespacer {height:5px;}

.circleholder div span {    margin-top: 17%;}
.circleholder div span {
    line-height: 28px;
    font-size: 19px;
}
.circleholder div:nth-child(4) {    width: 10px;
    display: inline-block;
    float: left;
}
}
    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 640px) {
.chatlinks a {
	width: 131px;
}
.chatlinks a:first-child {
	margin-right: 13px;
}
.teammemberdetail {
	margin-right: 0;
	height: auto;
	margin-bottom: 0;
	width: 100%;
	line-height: 0;
}
.about, .whatwedo, .circleinfo {
	padding: 20px 30px 30px;
}
.intro {
	padding: 57px 30px;
}
.aboutfunding {
	padding-left: 30px;
	padding-right: 30px;
}
.teammemberdetail.contentbg {
	width: 100%;
	height: auto;
}
.teamrole span {
	padding-top: 35px;
}
.contacctcolumns {
	width: 100%;
	float: none;
}
.contactblocks {
	height: 100px;
}
.mapimg img {
	width: auto;
	height: auto;
	margin: 0px 0px 0px -105%;
}
.circleinfo {50px 10px 30px}
.circleholder, .circleholder2 {
    width: 100%;
    margin: 0px auto;
}
.circleholder div span {
    line-height: 22px;
    font-size: 17px;
}
.circleholder div.infocircles {
    height: 140px;
    width: 23%;
}
.infopipe {

    width: 200px;
}
.horline {
    width: 249px;
}

/*smaller heading size*/
.intro article h2, .about article h2, .team article h2 {font-size: 30px;}
.contactheaderbg {font-size: 30px;}
.intro {
    padding: 30px 15px;
}
/*chnage team member order*/
.teammember { display:flex;
  flex-flow: row wrap;
  justify-content:space-between;}
  
.container {
    flex-direction:column
  }
   .first{
    order: 1;
  }
   .second{
    order: 2;
  }
  .fourth{
    order: 3
  }
  .third{
    order: 4
  }
  .fifth{
    order: 5;
  }
  .sixth{
    order: 6
  }
  .modal-content {padding:1em}
  .modal-overlay {padding: 1em;}
  #modal_holder span {margin: 20px 0px;}
  
  
  
  
}
    @media only screen and (max-width : 580px) {
		
.circleholder, .circleholder2 {
    margin: 0px auto;
    width: 100%;
}
.circleholder div.infocircles {
    height: 106px;
    width: 24%; display: inline-block; float:left;
}
.circleinfo {padding: 0 10px 0 !important;}

.infopipe {
    width: 130px; height:80px;
}
.lineholder {margin-top: 20px;}
.infocirclesempty {width: 2px; float: left; display: inline-block;}
.circleholder2 div:nth-last-of-type(4) .infopipeinner, .circleholder2 div:nth-child(3) .infopipeinner , .infopipeinner{
    height: 80px;
}

.infocirclesempty {display:inline-block; height: 20px;}

.atlantasymbol {
    width: 80px;
    height: 80px;
    margin-top: -35px;
}
.atlantasymbol img {
    width: 84%;
    height: auto;
    left: 7px;
}
.horline {
    width: 270px;
}
.infopipe {display:none}
.circlespacer {height:5px;}
#joshdetailprofile span.closeprofile {
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
}
.circleholder div span {
line-height: 14px;
font-size: 12px;
letter-spacing: 0;
}
.circleholder div span {    margin-top: 20%;}
.circleholder div:nth-child(4) {    width: 2px;
    display: inline-block;
    float: left;
}
.blended {padding: 25px 25px;}
.blended .headline {font-size:14px;  line-height:14px; padding-bottom:0 }
.blended .headline h1 { font-size:18px; line-height:25px;}
.mapimg img {
 margin: 0px 0px 0px -120%;
}
 .smprofileimg {
    max-width: 100%;
    height: auto;
    float: none;
    margin-right: 0;
}
.profilecontent {
    WIDTH: 100%;
    FLOAT: none;
    margin-top: 30px;
}
.teamcomntent .teamrole span {
    padding-top: 20px;
}
}

 @media only screen and (max-width : 414px) {
	
	.mapimg img {
    margin: -10px 0px 0px -180%;
} 
.circleholder div.infocircles {height: 99px;}
 }

    /* Custom, iPhone Retina */ 

 @media only screen and (max-width : 360px) {
.intro article h2 {
line-height: 32px;}	
	
.about, .whatwedo, .circleinfo {
	padding: 0 20px 30px;
}

.aboutfunding {
	padding-left: 20px;
	padding-right: 20px;
}
.mapimg img {
	margin: 0px 0px 0px -240%;
}
.contactheaderbg {
	font-size: 36px;
}
.modal-content {padding:1em}

.blended {padding: 10px 15px;}
.blended .headline {font-size:11px;  line-height:16px; padding-bottom:0 }
.blended .headline h1 {font-size:16px;}
.mapimg img {
 margin: 0px 0px 0px -245%;
}
.circleholder div.infocircles {
    height: 74px;
    width: 24%; display: inline-block; float:left;
}
.circleholder div span {    margin-top: 14%;}
circleholder div span {
    line-height: 12px;
    font-size: 10px;
    letter-spacing: -1px;
}
 
}
 @media only screen and (max-width : 320px) {
.intro {
    padding: 30px 7px;
}
 }