/*	Web portfolio ................................................................................................................ */

	.featured_container.web-portfolio {
		width:100% !important;
		height:auto !important;
	}
	
	#digital-platforms-support img,
	.web-portfolio img {
		width:100%;
	}

	#intro {
		color: #fff;
	}

	#intro *,
	#digital-platforms-support,
	#newest-work > p,
	section > h2,
	section > h2 + p {
		text-align:center;
	}
	
	#digital-platforms-support > .container,
	#newest-work > .container {
		padding-top:2em;
		padding-bottom:2em;
	}
	
	#digital-platforms-support .container > div > *,
	#digital-platforms-support img {
		float:left;
		width:100%;
	}
	
	#intro h1 {
		letter-spacing: -0.7px;
	}
	
	.site_thumbnails a {
		color: #404656;
	}
	

	section h2 {
		font-size:3em;
	}
	
	

	.site_thumbnails {
		background-color:#f2f2f2;
		padding-bottom:15px;
	}
		

	.site_thumbnails > h2,
	.site_thumbnails > p {
		padding-left:3vw;
		padding-right:3vw;
	}	
	

	.site_thumbnails > .container-fluid {
		display:flex;
		display:-webkit-flex;
		flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
	}
	
	.site_thumbnails .site_container {
		float:left;
		margin:2vw 0;
		padding:2vw;
		position:relative;
		width:33.3%
	}

	.site_thumbnails h3 {
		clear:both;
		color:#333 !important;
		margin-top: 15px;
		padding-left:15px;
	}
	
	.site_thumbnails p {
		font-size: calc(1rem + 0.5vw);
	}


	.site_container {
		display:flex;
		display:-webkit-flex;
		flex-direction:column;
		-webkit-flex-direction:column;
	}

	.site_container > div {
		flex:1;
		-webkit-flex:1;
		background-color:#f8f8f8;
		padding-bottom:15px;
	}

	.site_container[data-onclick] {
		cursor:pointer;
	}




@media screen and (max-width:991px) {
		
	#intro {
		background:url('/_images/bg/web-portfolio.jpg') top center no-repeat;
		background-size:cover !important;
	}
	
	#intro img {
		display:none;
	}
	
	#intro .title {
		margin: 0em;
		padding-bottom:2em;
		padding-top:2em;		
		position:relative !important;
	}
	
	#intro .title p {
		font-size:2em;
	}
	
	.site_thumbnails .site_container {
		width:50%
	}	
	
	.site_thumbnails p {
		font-size: 2rem;
	}

	#digital-platforms-support {
		font-size:1.4em;
	}

	#digital-platforms-support img {
		margin: 1em 0 0 10%;
		width: 80% !important;
	}
	
	#digital-platforms-support > .container > div {
		margin-bottom: 1em;
	}
	

	a.btn.ani {
		display:none;
	}
}