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

/******************************

[Table of Contents]

1. 1600px
2. 1440px
3. 1280px
4. 1199px
5. 1024px
6. 991px
7. 959px
8. 880px
9. 768px
10. 767px
11. 539px
12. 479px
13. 400px

******************************/

/************
1. 1600px
************/

@media only screen and (max-width: 1600px) {}

/************
2. 1440px
************/

@media only screen and (max-width: 1440px) {
    .mission_item {
        padding-left: 50px;
        padding-right: 50px;
    }

    .events_items {
        padding-left: 30px;
        padding-right: 30px;
    }

    .events_item {
        width: calc((100% - 60px) / 3);
    }

}

/************
3. 1380px
************/

@media only screen and (max-width: 1380px) {}

/************
3. 1280px
************/

@media only screen and (max-width: 1280px) {}

/************
4. 1199px
************/

@media only screen and (max-width: 1199px) {

    .footer_links {
        padding-left: 0;
        padding-right: 0;
    }

    .logo {
        width: 300px;
        height: 300px;
        margin-top: 170px;
    }

    .main_nav li:not(:last-child) {
        margin-right: 15px;
    }

    .spec_text {
        font-size: 14px;
    }

    .about_text p {
        font-size: 15px;
        line-height: 25px;
        padding-bottom: 20px;
    }

    #welcomeheading {
        font-size: 30px;

    }
    #welcomeheadingp1
	{
	  font-size: 25px;
	}



    #embrace h2 {
        font-size: 27px;
    }

    #embrace p {
        font-size: 20px;
    }

    #celebrate {
        margin-top: -50px;
    }

    #mapDiv {
        width: 950px;
    }
    #grid-container {
		  grid-template-columns: auto auto auto;
}


}

/************
4. 1100px
************/

@media only screen and (max-width: 1100px) {}

/************
5. 1024px
************/

@media only screen and (max-width: 1024px) {}

/************
6. 991px
************/

@media only screen and (max-width: 991px) {
    .main_nav_contaner {
        display: none;
    }

    .hamburger {
        display: block;
    }

    .social_list {
        display: none;
    }

    #ulss {
        display: block;
    }

    .about_image img {
        position: relative;
        top: 50%;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        height: 650px;
        width: 800px;
        /*requires explicit height*/
    }

    .about_text p
    {
    	padding-right:20px;
    }
    .ftco-consultcb {
		  height:450px;
		  }

	  #welcomeheading {
        font-size: 25px;
        margin-top:-30px;
    }
    #welcomeheadingp1
	{
	  font-size: 20px; 
	}

	#welcomeheadingp2
	{
	 font-size: 15px;
	}
	 .spec_text
 	{
		font-size:14px;
	 }

 #embrace 
 {
 	margin-top:60px;
 }
 
 #embrace h2
   {
   	 font-size: 22px; 
   	 margin-top:-30px;
   }

   #embrace p
   {
   		 font-size: 16px;
	}
	.fcontainer p
	{
			font-size:12px;
	}

#grid-container .grid-item {
   padding: 10px;
}

#grid-container .facilitycard
{
	  padding:15px;
}

#celebrate
{
	margin-top:-80px;
	padding:30px;

}
#celebrate h2
{
	font-size: 25px;
}


#celebrate p
{
		font-size: 15px;
}

#welcomemsg{

	margin-top:-20px;

}

#welcomemsg h2
{
	font-size: 22px;
}
#welcomemsg p
{
		font-size: 17px;
		text-align: justify;
}



.map_content .map_image img
{
	width: 300px;
	height:250px;

}
.projectloc ul li,
.projectloc p
{
	font-size:14px;
}

.projectloc h2
{
	font-size:28px;
}

#mapDiv {
        width: 720px;
    }

.footer_title
{
	font-size: 14px;

}

.footer_text
{
	font-size: 12px;

}
.footer_logo_text
{
	font-size: 14px;

}

.subscribe_input
{
	font-size: 12px;
}


.copyright_container
{
	height: 100px;
	padding-top:20px;
}

.footer_social ul
	{
		padding-top: 10px;
	}

    
}

/************
7. 959px
************/

@media only screen and (max-width: 959px) {}

/************
8. 880px
************/

@media only screen and (max-width: 880px) {}

/************
9. 768px
************/

@media only screen and (max-width: 768px) {

    .home_link {
        margin-top: 590px;
    }
}

/************
10. 767px
************/

@media only screen and (max-width: 767px) {

    /*.top_bar
	{
		display: none;
	}*/
	#ulss
	{
		display: none;
	}
	#uluss
	{
		display: block;

	}
	#uluss li:not(:last-child)
	{
		margin-right:-20px;
	}
	.logo img
	{
		align-content: center;
	}
    .top_bar_contact_list li {
        
    }

   .about_row
   {
   	display: none;

   }
    .ftco-consultcb {
		  height:450px;
		  }

	  #welcomeheading {
        font-size: 25px;
        margin-top:-30px;
    }
    #welcomeheadingp1
	{
	  font-size: 20px; 
	}

	#welcomeheadingp2
	{
	 font-size: 15px;
	}
	 .spec_text
 	{
		font-size:14px;
	 }

 #embrace h2
   {
   	 font-size: 18px; 
   	 margin-top:-30px;
   }

   #embrace p
   {
   		 font-size: 16px;
	}
	.fcontainer p
	{
			font-size:12px;
	}
	#po
	{
		width:100%;
		background-color: #fffbe8;
	}

	.about_image{
	display: none;
	}
	
	.about_imagesm{
	display: block;
	}
	

	#aboutext .about_imagesm img
	{		
		width:100%;
		display:block; 
		height: auto;
		align-self: center;
		padding-left:30px;
		
	}
	
	.about_text p {
  	margin-left:10px;
	padding-right: 10px;
	font-size:17px;
    }

    .ftco-consultcb {

  height:450px; }

#welcomeheadingp2
{
	font-size: 17px;
	margin-right:-50px;
	text-align: justify;

}
#welcomeheading
{
	margin-top:-50px;
}


#mapDiv {

        width: 480px;
}

.spec_text
{
	margin-top:-20px;
}

#welcomemsg 
{
	margin-top: 10px;
}

#welcomemsg h2
{
	font-size: 20px;
}
#welcomemsg p
{
		font-size: 17px;
		text-align: justify;
		line-height: 25px;
}

}

/************
11. 650px
************/

@media only screen and (max-width: 650px) {
    #top_bar_content {
     display:none;
    }

.map_content .map_image img
{
	width: 250px;
	height:200px;

}
#welcomemsg
{
	padding-right:30px;

}

#welcomemsg h2
{
	font-size:22px;
}

}

/************
11. 575px
************/

@media only screen and (max-width: 575px) {
 
/* .specrow {
	margin:50px;
}*/

.projectloc
{
	padding-left: 50px;
}

.projectlocrow
{
	margin-top:-150px;
}

.ftco-consult {
padding:20px;
}


.section_title
{
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.185;
	color: #181818;
	text-transform: uppercase;
	letter-spacing: 1px; 
	
}
.section_title1
{
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.185;
	color: #75A035	;
	text-transform: uppercase;
	letter-spacing: 1px; 
	padding-left: 10px;
}

#welcomemsg
{
	margin-top:60px;

}
/*
#welcomemsg h2
{
	font-size:18px;
	padding-top:100px;
}
#welcomemsg p
{
	line-height: 25px;
}
*/
#welcomeheadingp1
{
	font-size:18px;	
}



.spec_text ul li 
{
	padding-top: 20px;

}

.ftco-consultcb
{
	padding:30px;
}

#grid-container {
		  grid-template-columns: auto auto;
}

#celebrate
{
	margin-top:-20px;
}


#mapDiv {

        width: 450px;
}

.footer_links
{
	padding-top: 10px;

}
.footer_contact
{
	margin-top: 20px;
}
.footer_links_list
{
  	margin-top: 20px;
}
.footer_subscribe
{
	padding-top: 00px;
}

.about
{
	padding-top: 20px;

}

.projectloc h2
{
	font-size:20px;
}

#displaymsg
{
	display: block;
}

}

/************
11. 539px
************/

@media only screen and (max-width: 532px) {

/*#welcomemsg p
{
	font-size:15px;
	line-height: 22px;
}

#welcomemsg h2
{
	font-size:16px;
	padding-top:80px;
}
*/
.spec_text ul li 
{
	padding-top: 20px;

}

}

@media only screen and (max-width: 503px) {

/*#welcomemsg h2
{
	font-size:16px;
}*/

.spec_text ul li 
{
	padding-top: 20px;

}


}

/************
12. 480px
************/

@media only screen and (max-width: 480px) {

	
    .event_timer li {
        width: 55px;
        height: 65px;
    }

    .event_num {
        font-size: 24px;
    }

    .event_ss {
        font-size: 14px;
    }


/*#welcomemsg
{
	padding-right:50px;
	padding-left:50px;

}

#welcomemsg h2
{
	font-size:15px;
}

#welcomemsg p
{
	font-size:13px;
}*/

#mapDiv {

        width: 450px;
}


}

/************
13. 479px
************/

@media only screen and (max-width: 479px) {

	#mapDiv {

        width: 350px;
        text-align: center;
        align-self: center;
}

#welcomemsg
{
	margin-top:40px;
}


}

/************
14. 400px
************/

@media only screen and (max-width: 400px) {

/*	#welcomemsg h2
{
	font-size:18px;
	line-height: 24px;
}
*/
 #embrace h2
   {
   	 font-size: 15px; 
   }
 #embrace p
   {
   	 font-size: 15px; 
   }
#celebrate
{
	margin-top:-40px;


}

#mapDiv {

        width: 330px;
}


}


@media only screen and (max-width: 371px) {

#welcomemsg h2
{
	font-size: 18px;
}
#welcomemsg p
{
		font-size: 15px;
		text-align: justify;
}
.section_title
{

	font-size: 20px;
	
}
.section_title1
{
	font-size: 20px;
}

#embrace h2 {
    font-size: 20px;
    line-height: 27px;
}

#celebrate h2
{
	font-size: 20px;
}

}