@charset "UTF-8";
/* CSS Document */


.caption {
	position:relative; /*remove for mobile*/
	top:0;
	left:0;
	right:0;
	bottom:0;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 0px;
	overflow:auto;
}

.contenthalfwidth {
	width: 100%;
	padding-left: 0;
	padding-top: 0px;
	float: left; /*adapt for mobile*/
}

.hero h1 {
	font-size: 38px;
	color: #433B30;
	text-shadow: none;
	text-align: left;
	
}
#arrow {
display: none;
}

.hero p {
display: none;
}

.visible-mobile {
display: inline !important;
}

.hidden-mobile {
display: none !important;
}

.logowrapper {
	float: left;
	width: 5%;
	height: 40px;
	padding: 10px;
}

.logowrapper img {
	max-height: 40px;
	max-width: 40px;
	min-width: 40px;
	min-height: 40px;
}
.centertitlewrapper {
	width:60%;
	position: absolute;
	height: 60px;
	left: 22%;
}
.title{
	float: left;
	width: 50%;
	text-align: center;
	padding: 0;
}
.worksamplewrapper {
	position:relative; /*remove for mobile*/
	top:0;
	left:0;
	right:0;
	bottom:0;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-top: 0px;
	overflow:auto;
	float: left;
}
.worksamplewrapper p{
}
.worksamplewrapper h1 {
	font-size: 28px;
	color: #433B30;
	text-shadow: none;
	text-align: left;
}
.worksamplewrapper img{
	margin-left: 0%;
	margin-right: 0%;
}
.worksamplewrappercaption {
	position:relative; /*remove for mobile*/
	top:0;
	left:0;
	right:0;
	bottom:0;
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 20px;
	overflow:auto;
}
.worksamplewrappercaption-inner {
	display:table;
	width:100%;
	height:100%;
}
.worksamplewrappercaption-content {
	display:table-cell;
	vertical-align:bottom;
}
.worksamplewrappercaption-content h1 {
	text-align: left;
}