@charset "utf-8";
/* CSS Document */
article:first-child {
	border-bottom:0;
}
.no-margin {
	margin-left:0 !important;
}
.heading, .circle {
	margin-left:0;
}
.bottom, .second, .bottom2, .bottom3 {
	position:relative;
}
.top2, .top3, .third {
	position:relative;
}
article:last-child {
	position:static;
}
@media (min-width: 1220px) {
	.heading, .circle {
		padding:7px;
		width: 157px;
		height: 157px; 
	}
	.circle {
		margin-left:12px;
	}
	.heading .dashed  {
		line-height:1.4;
		font-size:1.6em;
		padding-top:35px;
		width: 143px;
		height: 143px;
	}
	.bottom, .second, .bottom2, .bottom3 {
		left:85px;
	}
	.bottom {
		top:-5px;
	}
	.top2 {
		top:-10px;
	}
	.second {
		top:-15px;
	}
	.third {
		top:-20px;
	}
	.bottom2 {
		top:-25px;
	}
	.top3 {
		top:-30px;
	}
	.bottom3 {
		top:-35px;
	}
}
@media (min-width: 1101px) and (max-width: 1219px) {
	.heading, .circle {
		padding:6px;
		width: 138px;
		height: 138px; 
	}
	.circle {
		margin-left:15px;
	}
	.heading .dashed  {
		line-height:1.4;
		font-size:1.35em;
		padding-top:32px;
		width: 126px;
		height: 126px;
	}
	.bottom, .second, .bottom2, .bottom3 {
		left:73px;
	}
	.bottom {
		top:-5px;
	}
	.top2 {
		top:-10px;
	}
	.second {
		top:-15px;
	}
	.third {
		top:-20px;
	}
	.bottom2 {
		top:-25px;
	}
	.top3 {
		top:-30px;
	}
	.bottom3 {
		top:-35px;
	}
	.traditional .dashed {
		padding-top:35px;	
	}
}
@media (min-width: 1040px) and (max-width: 1100px) {
	.heading, .circle {
		padding:6px;
		width: 129px;
		height: 129px; 
	}
	.circle {
		margin-left:15px;
	}
	.heading .dashed  {
		line-height:1.4;
		font-size:1.35em;
		padding-top:27px;
		width: 117px;
		height: 117px;
	}
	.bottom, .second, .bottom2, .bottom3 {
		left:73px;
	}
	.bottom {
		top:-5px;
	}
	.top2 {
		top:-9px;
	}
	.second {
		top:-14px;
	}
	.third {
		top:-19px;
	}
	.bottom2 {
		top:-24px;
	}
	.top3 {
		top:-29px;
	}
	.bottom3 {
		top:-34px;
	}
	.traditional .dashed {
		padding-top:29px;	
	}
}
@media (min-width: 980px) and (max-width: 1039px) {
	.heading, .circle {
		padding:5px;
		width: 121px;
		height: 121px; 
	}
	.circle {
		margin-left:15px;
	}
	.heading .dashed  {
		line-height:1.4;
		font-size:1.25em;
		padding-top:25px;
		width: 111px;
		height: 111px;
	}
	.bottom, .second, .bottom2, .bottom3 {
		left:68px;
	}
	.bottom {
		top:-3px;
	}
	.top2 {
		top:-8px;
	}
	.second {
		top:-13px;
	}
	.third {
		top:-18px;
	}
	.bottom2 {
		top:-23px;
	}
	.top3 {
		top:-28px;
	}
	.bottom3 {
		top:-33px;
	}
	.traditional .dashed {
		padding-top:29px;	
	}
}
@media (min-width: 871px) and (max-width:979px) {
	.heading, .circle {
		padding:6px;
		width: 114px;
		height: 114px; 
	}
	.circle {
		margin-left:14px;
	}
	.heading .dashed  {
		line-height:1.4;
		font-size:1.16em;
		padding-top:25px;
		width: 102px;
		height:102px;
	}
	.bottom, .second, .bottom2, .bottom3 {
		left:60px;
	}
	.bottom {
		top:-2px;
	}
	.top2 {
		top:-2px;
	}
	.second {
		top:-3px;
	}
	.third {
		top:-3px;
	}
	.bottom2 {
		top:-4px;
	}
	.top3 {
		top:-4px;
	}
	.bottom3 {
		top:-5px;
	}
	.traditional .dashed {
		padding-top:25px;	
	}
	footer {
		top:-40px;
	}
}
@media (min-width: 800px) and (max-width:870px) {
	.heading, .circle {
		padding:5px;
		width: 105px;
		height: 105px; 
	}
	.circle {
		margin-left:12px;
	}
	.heading .dashed  {
		line-height:1.4;
		font-size:1.15em;
		padding-top:20px;
		width: 95px;
		height: 95px;
	}
	.bottom, .second, .bottom2, .bottom3 {
		left:60px;
	}
	.bottom {
		top:-5px;
	}
	.top2 {
		top:-8px;
	}
	.second {
		top:-13px;
	}
	.third {
		top:-18px;
	}
	.bottom2 {
		top:-23px;
	}
	.top3 {
		top:-28px;
	}
	.bottom3 {
		top:-33px;
	}
	.traditional .dashed {
		padding-top:25px;	
	}
	h1 {
		font-size:1.5em;
	}
	footer {
		top:-50px;
	}
}
@media (min-width: 768px) and (max-width:799px) {
	.heading, .circle {
		padding:5px;
		width: 98px;
		height: 98px; 
	}
	.circle {
		margin-left:14px;
	}
	.heading .dashed  {
		line-height:1.4;
		font-size:1.05em;
		padding-top:18px;
		width: 88px;
		height: 88px;
	}
	.bottom, .second, .bottom2, .bottom3 {
		left:57px;
	}
	.bottom {
		top:-3px;
	}
	.top2 {
		top:-3px;
	}
	.second {
		top:-4px;
	}
	.third {
		top:-4px;
	}
	.bottom2 {
		top:-5px;
	}
	.top3 {
		top:-5px;
	}
	.bottom3 {
		top:-6px;
	}
	.traditional .dashed {
		padding-top:21px;	
	}	
	footer {
		top:-50px;
	}
}
@media (max-width:767px) {
	.circle {
		margin-left:20px;
		width: 90px;
		height: 90px; 
	}
	.traditional8-orchids {
		display:none;
	}
	.thumbnail-group {
		width:318px;
	}
	.bottom, .bottom2, .bottom3, .top2, .top3, .top4  {
		top:0;
		left:0;
	}
	.bottom, .bottom3, .second  {
		margin-top:12px;
		margin-bottom:12px;
	}
	.third {
		margin-bottom:12px;
	}
	.bottom2 {
		margin-top:0;
	}
}
@media (min-width: 550px) and (max-width:599px) {
	.circle {
		margin-left:15px;
		width: 75px;
		height: 75px; 
	}
	.thumbnail-group {
		width:260px;
	}
}
@media (max-width:549px) {
	.circle {
		margin-left:30px;
		width: 75px;
		height: 75px; 
	}
	.thumbnail-group {
		width:290px;
	}
	article:last-child {
		position:relative;
	}
}
@media (max-width:360px) {
	.circle {
		margin-left:15px;
	}
	.thumbnail-group {
		width:260px;
	}
}
/* Thumbnails */
.digital1-feature-diagram {
	background:url(../illustration-thumb/digital1-feature-diagram.png) no-repeat center center;
	background-size:90%;
}
.digital2-building {
	background:url(../illustration-thumb/digital2-building.png) no-repeat center center;
	background-size:90%;
}
.digital3-owl {
	background:url(../illustration-thumb/digital3-owl.png) no-repeat center center;
	background-size:90%;
}
.digital4-a-team {
	background:url(../illustration-thumb/digital4-a-team.png) no-repeat center center;
	background-size:90%;
}
.digital5-birthday {
	background:url(../illustration-thumb/digital5-birthday.png) no-repeat center center;
	background-size:90%;
} 
.digital6-tree {
	background:url(../illustration-thumb/digital6-tree.png) no-repeat center center;
	background-size:90%;
}
.traditional1-singer {
	background:url(../illustration-thumb/traditional1-singer.png) no-repeat center center;
	background-size:90%;
}
.traditional2-lotus {
	background:url(../illustration-thumb/traditional2-lotus.png) no-repeat center center;
	background-size:90%;
}
.traditional3-frida {
	background:url(../illustration-thumb/traditional3-frida.png) no-repeat center center;
	background-size:90%;
}
.traditional4-garden {
	background:url(../illustration-thumb/traditional4-garden.png) no-repeat center center;
	background-size:90%;
}
.traditional5-halloween {
	background:url(../illustration-thumb/traditional5-halloween.png) no-repeat center center;
	background-size:90%;
}
.traditional6-sunflowers {
	background:url(../illustration-thumb/traditional6-sunflowers.png) no-repeat center center;
	background-size:90%;
}
.traditional7-calla {
	background:url(../illustration-thumb/traditional7-calla.png) no-repeat center center;
	background-size:90%;
}
.traditional8-orchids {
	background:url(../illustration-thumb/traditional8-orchids.png) no-repeat center center;
	background-size:90%;
}
.traditional9-richmond {
	background:url(../illustration-thumb/traditional9-richmond.png) no-repeat center center;
	background-size:90%;
}
.traditional10-beck {
	background:url(../illustration-thumb/traditional10-beck.png) no-repeat center center;
	background-size:90%;
}
.traditional11-idea {
	background:url(../illustration-thumb/traditional11-idea.png) no-repeat center center;
	background-size:90%;
}
.traditional12-winters {
	background:url(../illustration-thumb/traditional12-winters.png) no-repeat center center;
	background-size:90%;
}
.traditional12-bird {
	background:url(../illustration-thumb/traditional12-bird.png) no-repeat center center;
	background-size:90%;
}
.traditional13-bird {
	background:url(../illustration-thumb/traditional13-bird.png) no-repeat center center;
	background-size:90%;
}
.medical1-model1 {
	background:url(../illustration-thumb/medical1-model1.png) no-repeat center center;
	background-size:90%;
}
.medical2-model2 {
	background:url(../illustration-thumb/medical2-model2.png) no-repeat center center;
	background-size:90%;
}
.medical3-model3 {
	background:url(../illustration-thumb/medical3-model3.png) no-repeat center center;
	background-size:90%;
}
.medical4-model4 {
	background:url(../illustration-thumb/medical4-model4.png) no-repeat center center;
	background-size:90%;
}
.medical5-coyote {
	background:url(../illustration-thumb/medical5-coyote.png) no-repeat center center;
	background-size:90%;
}
.medical6-dino {
	background:url(../illustration-thumb/medical6-dino.png) no-repeat center center;
	background-size:90%;
}