img {
	max-width: 100%;
    height: auto;	
}
figure {
	margin:50px auto;
	text-align: center;
	max-width:1220px;
}
.vidwrapper {
	text-align: center;
    margin: 0 auto;
    background: #f4f4f4;
	padding: 0 20px;
}
.vidmask {
	overflow:hidden;
	text-align: center;
    margin: 5% auto;
	max-width: 960px;
}
.portrait {
	max-width: 620px;
} 
video {
	
	pointer-events: none;
	display: block;
	margin-top: -3%;
	margin-bottom:-0.7%;
    width: 100%;
    height: auto;
   
}
.portrait video {
	margin-top: -6%;
	margin-left:-0.7%;	

}
figure.first {
	margin-top:0;
}
figure img, #headshot, .vidwrapper {
	border: 4px solid #fff;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 2%);
}
figcaption{
	text-align: center;
	font-size: 14px;
	color:#989898;
	font-style:italic;
}
.project-img {
	margin-bottom:50px;	
}

a, a:visited {
	color:#44444a;
	text-decoration:none;	
}
a:hover {
	color:#44444a;
	text-decoration:underline;	
}
a.standard, a.standard:visited {
	color:#106af8;
	text-decoration:none;	
}
a.standard:hover {
	color:#106af8;
	text-decoration:underline;	
}
ul li {
    padding-left: 2em;
    text-indent: -1.3em;
    margin-left: -2em;
}
.highlight{
	padding-left: 2em;
    margin-left: -2em;
	border-left: 2px #44444a solid;
	display: block;
	font-weight: 700;
}

.no-margin-bottom {
	margin-bottom:0;	
}

.frame {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	border: 20px solid #313131;
	display: table;
	box-sizing: border-box;
	z-index: 1;
	content: '';
	user-select: none;
	pointer-events: none;
}

nav {
	padding:60px 0px 75px 0px;
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;

}
nav .nav-right {
	float:right;	
}
nav .nav-right a {
	display:inline-block;
	vertical-align:middle;
	margin-right:25px;
	font-size:17px;
	color:#44444a;
	text-decoration:none;	
}
nav .nav-right a img {
	vertical-align:middle;	
}
nav .nav-right a:last-child {
	margin-right:0;
}
a.tile-holder {
	position:relative;
	display: block;	
	height: 300px;
    width: 100%;
	margin-bottom: 8%;
	color:#44444a;
	border: 4px solid #fff;
    
}
.tile-holder.iovox {
	background: url(../images/iovox/preview-n.png) no-repeat left center;
    background-size: cover;		
}
.tile-holder.memento {
	background: url(../images/memento/preview.png) no-repeat left center;
    background-size: cover;		
}
.tile-holder.status {
	background: url(../images/status/preview.png) no-repeat left center;
    background-size: cover;		
}
.tile-holder.voxanalytics {
	background: url(../images/voxanalytics/preview.png) no-repeat left center;
    background-size: cover;		
}
.tile-holder.iserver {
	background: url(../images/iserver/preview.png) no-repeat left center;
    background-size: cover;		
}
.tile-holder.currentpro {
	background: url(../images/currentpro/preview-n.png) no-repeat left center;
    background-size: cover;		
}
.tile-holder.currentpatient {
	background: url(../images/currentpatient/preview-n.png) no-repeat left center;
    background-size: cover;		
}
.tile-holder.neos1 {
	background: url(../images/neos1/preview-n.png) no-repeat left center;
    background-size: cover;		
}
.tile-holder.smartconstruction {
	background: url(../images/sc/preview-n.png) no-repeat left center;
    background-size: cover;		
}
a.tile-holder .tile-info {
	position:absolute;
	top:0;
	width: 100%;
	height: 100%;
    box-sizing: border-box;
	padding: 100px 15% 0 15%;	
	background-color:#f4f4f4;
	opacity:0;
	-webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;	
}
a.tile-holder:hover .tile-info {
	opacity:1;
	cursor:pointer;	
}

.tile-info p:first-child {
	width:25px;
	padding-bottom:15px;
	margin:0 0 15px 0;
	border-bottom:1px solid #cacaca;
	white-space: nowrap;	
}


a.project-link, a.project-link:visited {
	font-size:11px;
    
	
}
.project-link-holder {
	margin: 0 auto;
    display: block;
    max-width: 1220px;
	margin-bottom: 75px;
	
}
.project-title {
	/*margin-top:28px;*/
	max-width: 1220px;
}


.pagination {
	border-top: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;	
}
.pagination .columns {
	text-align:center;
	margin:0;
	width:50% !important;		
}
.pagination .columns p {
	margin:0;
	padding:35px 4%;
	line-height:20px;		
}
.pagination .columns p .pagination-label {
	font-size:11px;	
	color:#8f8f97;	
}
.pagination .columns p.next {
	border-left: 1px solid #DADADA;		
}
.tldr {
	background-color: #222228;
    color: #fff !important;
    padding: 3.5rem;	

}
.tldr h2 {
	color:#fff;	
}
.reducewidth {
	max-width: 960px;
	    display: block;
}

footer {
	margin-bottom: 50px;	
}

.rectangle {
	background-image: none;	
	padding: 60px 25px 60px 0px;
}
#headshot {
	
	display:none;
}
.welcome, .rectangle {
	padding:0;
}
.container-home h1, .container-home h6, .container-home p {
	max-width: none;
}
@media (min-width: 768px) {
	.rectangle {
		background-image: linear-gradient(to right, transparent 100px, #FFF 0px);
		width: 100%;
		padding: 60px 0px;
	}
	#headshot {
		display:block;
	}
	.welcome {
	padding-right:25%;
	}
	body {
		border: 20px white solid;
	}
}