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

	.featured_container.web-portfolio {
		width:100% !important;
		height:auto !important;
	}
	
	#digital-platforms-support img,
	.portfolio img,
	#newest-work > .container .work_details > * {
		width:100%;
	}

	#intro,
	#web-highlights a:not(#portfolio-highlight-2) * {
		color: #fff;
	}

	#intro *,
	#digital-platforms-support,
	section > h2,
	section > h2 + p {
		text-align:center;
	}
	
	body#work > section.box_parent > .container-fluid {
		padding-left:0px;
		padding-right:0px;
	}
	
	#digital-platforms-support > .container {
		padding-top:2em;
		padding-bottom:2em;
	}
	
	#digital-platforms-support .container > div > *,
	#digital-platforms-support img {
		float:left;
		width:100%;
	}
	
	section#intro.banner {
		background-position-y: bottom!important;
		/*-webkit-justify-content: end;
		justify-content: end;*/
		height: 532px;
		padding-top: 40px;
		text-shadow: none;
	}
	
	section#intro.banner .title {
		margin-top:3vw;
	}
	
	section > div.thumb_container.dark {
		-webkit-backdrop-filter:brightness(0.5);
		backdrop-filter:brightness(0.5);
	}
	
	section.img_bg.light > div.thumb_container.cms *:not(a) {
    	color: #000;
		text-shadow:0 0 20px #fff, 0 0 30px #fff;
	}

	section.img_bg.light > .thumb_container p > a.asset.button {
		background-color: #ffffff;
		color: #475ab9 !important;
	}

	.box_parent.cms section.img_bg .thumb_container h2 {
		font-weight: 500;
	}
	
	.thumb_container.on_click:hover,
	.highlight_intro.on_click:hover {
		transform:none;
	}
	
	.on_click:hover div.cms p {
		border-color:transparent;
	}


	#digital-platforms-support h3 {
		font-size:24px;
		font-weight:500;
	}
	
	.thumb_container p > a.asset.button {
		background-color:rgba(0,0,0,0);
		box-shadow:none;
		color:#A0B1FF !important;
		font-size:inherit;
		font-weight:inherit;
		text-shadow: none;
	}
	
	section.img_bg.highlight_intro {
		background-size:cover;
		background-position: center;
		background-repeat:no-repeat;
        border-width:0px 15px 15px 15px;
		color:inherit;
		float:left;
		height: 60vh;
		margin-bottom: 0px;
		margin-top: 10px;
		max-height: 600px;
		width:100%;		
	}

	section h2 {
		font-size:3em;
	}

	.highlight_intro h2 {
		font-weight:300;
		margin-top:5vh;
	}

	#web-highlights > * > * {
		padding-top:1.5em;
	}
	
	#web-highlights #portfolio-highlight-2 {
		padding-top:0px;
	}

	#web-highlights a h2 + p {
		font-weight:500;
	}
	
	.highlight_intro:hover h2 {
		text-shadow:none!important;
	}


	.highlight_intro a.asset.button {
		background-color:transparent;
		border: 3px solid rgba(200,200,200,0.3);
		border-radius:0px;
		box-shadow:none;
		float:left;
		font-weight:bold;
		margin-top:15px;
		padding:15px 30px;
		transition: opacity 0.4s ease-in-out;
	}

	.highlight_intro:hover a.asset.button  {
		background-color:#333;
		border-color:transparent;
		color:#fff;
	}
	
	/*#newest-work .thumb_container {
		position:relative;
		text-align:center;
	}*/

    section.testimonial {
        margin-bottom:15px;
        margin-top:5px;
    }
	
	
	.intro * {
		text-align:center;
	}
	
	.intro h2 {
		font-size: 3em;
		font-weight: 400;
	}
	
	.intro p {
		font-size: 1.25em;
	}


	#sct-1384.box_parent section.img_bg {
		min-height: 300px;
		height: 28vh;
		max-height: 350px;
	}

	#sct-1384.box_parent section.img_bg h2 {
		font-size: 2em;
	}



	


@media screen and (min-width:768px) {
	#web-highlights {
		padding: 0px 15px 15px 15px;
	}	
}


@media screen and (min-width:992px) {
	
	[data-onclick] .work_details {
		cursor: pointer;
	}

	section.thumb_container {
		border-width:10px 15px 15px 15px;
		height:400px;
		margin:0px !important;
		padding: 0;
		position:relative;
	}
	
	section.img_bg > div.cms.thumb_container {
		height: 100%;
		margin:0px;
		padding:15px 4vw;
	}

	.box_parent.cms section.img_bg .thumb_container h2 {
		font-size: 3.5rem;
	}
	
	.box_parent.cms section.img_bg > div.cms.thumb_container p {
		color:#eee;
		font-size: 1.4em;
	}
		
	.box_parent.cms section.img_bg.light > div.cms.thumb_container p {
    	color: #000;
	}
	
	section.img_bg.light > div {
		backdrop-filter: brightness(0.99) contrast(0.8);
		-webkit-backdrop-filter: brightness(0.99) contrast(0.8);
	}
	
	p > a.asset.button:after {
		content:"\e080";
		font-family:'glyphicons halflings';
		font-size:1rem;
		margin-left:1em;
	}
	
	section.img_bg.light > div.cms.thumb_container p > a.asset.button:after {
		color:#5262B0;
	}
			
	/*.thumb_container img {
		filter:brightness(0.5);
		height: 100%;
		object-fit: cover;
		position: absolute;
	}*/
	
	.thumb_container:hover p > a.asset.button,
	section.img_bg.light > .thumb_container:hover p > a.asset.button {
		background-color:rgba(0,0,0,0.8);
		color: #a0b1ff !important;
	}
	
	section > div.thumb_container:hover {
		-webkit-backdrop-filter:brightness(1) blur(3px);
		backdrop-filter:brightness(1) blur(3px);
	}
	
	.thumb_container,
	/*.thumb_container img,*/
	.thumb_container a.asset.button,
	.highlight_intro a.asset.button {
		transition-duration: 0.3s;
		transition-property: opacity, background, linear;
	}
	
	section.img_bg > .highlight_intro.cms {
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		padding-left:4vw;
		padding-top:4vw;
	}
	
	.thumb_container.cms h2,
	.highlight_intro.cms h2 {
		text-shadow:none !important;
	}
	
	.box_parent.cms section.img_bg > .highlight_intro.cms p {
		font-size:1.8rem;
		font-weight:500;
	}
	
	.highlight_intro > * {
		text-align:left;
		width:50%;
	}
	
	.highlight_intro:hover #portfolio-highlight-0  {
		background-color:#004b6f;
	}
	
	.highlight_intro:hover #portfolio-highlight-1  {
		background-color:#ffb000;
		color:#07254a;
	}
	
	.highlight_intro:hover #portfolio-highlight-2  {
		background-color:#d86c00;
	}
	
	.highlight_intro:hover #portfolio-highlight-3  {
		background-color:#B0361A;
	}
		
	
	#sct-1433 .highlight_intro {
		color:#383a40;
	}
	
	.highlight_intro:hover #portfolio-highlight-4  {
		background-color: #375039;
		color: #fff;
	}
	
	.highlight_intro:hover #portfolio-highlight-4:after  {
		color: #ffcc13;
	}
	
	.highlight_intro #portfolio-highlight-2 h2 {
		margin-top:15px;
	}
}


@media screen and (max-width:1200px) {
	section#intro {
		min-height: initial;
	}
}


@media screen and (max-width:992px) {
	/*#newest-work > .container > .portfolio,
	#newest-work > .container > * {
		float:left;
		width:100%;
	}*/
	
	#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;
	}
	
	#sct-1384.box_parent section.img_bg h2 {
		font-size: 3em;
	}
	
	.highlight_intro h2,
	.box_parent.cms section.img_bg .thumb_container h2 {
		font-weight: 700;
	}

	#newest-work .work_details {
		margin-bottom:30px;
	}
	
	section.img_bg {
		margin-bottom: 30px !important;
	}
	
	section.img_bg > div.cms.thumb_container.dark {
		margin: 15px auto;
	}
	
	section.img_bg > div.cms.thumb_container.light {
		box-shadow: 0 0 40px 0px rgb(200 200 200 / 60%);
		background-color: rgba(255,255,255,0.8);
	}
	
	section.img_bg.light > .thumb_container p > a.asset.button {
		background-color: #ffffff;
		box-shadow: 0 0 50px -10px #7583c87d;
		color: #475ab9 !important;
		border: none;
	}
	
	section.img_bg.thumb_container,
	section.img_bg > div.cms.thumb_container {
		border-bottom-width: 0px;
		margin: 0px;
	}
	
	.thumb_container p > a.asset.button {
		border:2px solid #A0B1FF;
		color: #fff!important;
		font-size:1.8rem;
	}
		
	.highlight_intro h2 + p {
		margin-bottom: 1em;
		padding-left:0px;
	}
	
	.highlight_intro {
		display:flex;
		display:-webkit-flex;
		flex-direction:column;
		-webkit-flex-direction:column;
		justify-content: center;
		padding-bottom: 20%;
	}
	
	.highlight_intro h2 {
		margin:0px;
	}

	.highlight_intro a.asset.button  {
		background-color:#333;
		color:#fff;
	}
	
	#digital-platforms-support {
		font-size:1.4em;
	}

	#digital-platforms-support img {
		margin: 1em 0 0 10%;
		width: 80% !important;
	}
	
	#newest-work .intro,
	#digital-platforms-support > .container > div {
		margin-bottom: 1em;
	}
	
	#web-highlights #portfolio-highlight-1 {
		background-position-x:-49vw;
		padding-right:25vw;
	}
	
	#web-highlights #portfolio-highlight-1 p {
		padding-right:15vw;
	}
	
	#web-highlights #portfolio-highlight-2 {
		background-position-x:5vw;
		background-size: 130% !important;
		background-position: bottom;
		margin-bottom: 5em;
		margin-top:0em;
	}
	
	#web-highlights #portfolio-highlight-0 {
		padding-bottom:40%;
	}
	
	#sct-1433.highlight_intro {
		background-position-x:18%;
	}
}