@media screen and (max-width: 1024px){	
#projects-container {
    width: 94%;
    margin: 0 3%;
    padding-top: 5%;
}	
}	
	
@media screen and (max-width: 767px){
	
	.project-container {
			width: 90% !important;
			margin: 40px 5% !important;

		}
	#projects-container {
    width: 96%;
    margin: 0 2%;
    padding-top: 5%;
}
	.feature-project-link {
    width: 46%;
    margin: 40px 2%;
}	
#page-heading {
      padding-top: 150px;
	
	}
	
.menu-btn {
	background-color: white !important;
	color: black !important;
	border-color: black !important;
}
	
	.wj-logo {
    margin-left: 20px !important;
    }
    
#content-top {
    width: 94%;
    margin: 5% 3% 5% 3%;
}

#grey-box h2 {
	font-size: 22px;
}

#grey-box p {
	font-size: 14px;
	line-height: 1.4em;
}

.employee-image {
	width: 95%;
	margin-bottom: 30px;
}

.employee-text {
	width: 95%;
	float: none;
}

.employee-text.left{
	margin-left: 0;
}

.right, .left {
	
	float: none !important;
}

#employee-content-half {
    width: 94%;
}

.project-title-container {
	opacity: 1;
}

.project-img-container {
    width: 100% !important;
}

.project-info-container {
    width: 90%;
    float: right;
    margin: 10px 5%;
}
 
.gal-item {
	width: 46% !important;
	
	}
#content-left, #content-right {
    width: 46%;
    margin: 0 2%;
    }	 
    
.small-project-container {
    width: 96%;
    float: none;
    margin: 25px 2%;
}

.vertical-spacer {
    display: none;
}

.feature-project.large {
    width: 100%;
    height: 28vh;
}

#slick-container {
	width: 96%;
}

.slick-slide-single {
	
}

.news-img {
	width: 50%
}

.news-text-container {
	width: 40%;
	padding: 5%;
}


#progressive-vision h1 {
	font-size: 20px;
}

#body-copy {
	font-size: 14px;
	line-height: 1.75em;
}

#featured-projects-text {
    font-size: 12px;
    
    }

.view-all-text {
    color: #282C87;
    font-size: 14px;
}

.slide-title {
	margin-top: 55vh !important;
}

#page-heading {
    font-size: 24px;
}


}




@media screen and (max-width: 590px){
	#footer-column {
    width: 94%;
    margin: 0 3%;
    float: left;
}
	
	#testimonial-container {
    width: 90%;
    min-height: 50vh;
    padding-bottom: 30px;
    margin: 25px 5%;
    background-color: #ffffff;
    float: left;
}
	
	#form_item_half {
	float: left;
	margin: 0px 0px 14px 0px;
	width: 100%;
}

	#projects-container {
    width: 96%;
    margin: 0 2%;
    padding-top: 5%;
}
	.feature-project-link {
    width: 96%;
    margin: 40px 2%;
}

	#slide-overlay {
    margin-top: -120px;
    }
	
	.grid-item {
		width: 96%;
		margin: 20px 2%;
	}
	
	.gal-item {
	width: 96% !important;
	
	}
	
	#content-left, #content-right {
    width: 96%;
    margin: 0 2%;
    }	 
    
    
    
    
 .filter-link {
	position: relative;
    width: 46% !important;
    text-align: center;
    padding: 15px 0px;
    margin: 5px 2%;
}

#slick-container {
	width: 96%;
}

.slick-slide {
	max-height: unset ;
}

.slick-slide-single {
	height: 600px !important;
}

#news-container {
	width: 90%;
}

.news-item {
	height: 600px !important;
}

.news-img {
	width: 100%;
	height: 65%;
	float: none;
}

.news-text-container {
	width: 90%;
	height: 35%;
	padding: 0 5%;
	float: none;
}

.news-date {
	font-size: 16px !important;
	padding-top: 8px !important;
	float: right;
}

.news-title {
	font-size: 24px !important;
	padding-top: 8px !important;

}

.news-body {
	padding-top: 20px  !important;

}

.news-url {
	padding-top: 2%;
	font-style: italic;
	font-weight: bold;
	color: #181B51;
}
    
	}