@charset "UTF-8";
/* Hide Home Link */
#navHome {
	display: none;
}
img, object, embed, video {
	margin-right: 0
}
/* End Hide Home Link */

p {
	font-size: 20px;
	line-height: 34px;
}
.section-1 {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	z-index: 1;
	background-color: #323232;
}
.section-1 .section-heading-container {
	color: #FFFFFF;
	text-align: center;
	position: relative;
	z-index: 2;
	padding: 55% 0% 60% 0%;
	margin: auto;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWPIyMhrYCAK4FQJAJsEA30za0H/AAAAAElFTkSuQmCC

   ) repeat;
}
.section-1 .section-heading-wrapper {
	max-width: 320px;
	margin: auto;
	
	-webkit-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}
.section-1 .section-heading-container h1, .section-1 .section-heading-container p {
	margin: 0px;
}
.section-1 .section-heading-container h1 {
	font-size: 50px;
	text-transform: uppercase;
	line-height: 55px;
}
.section-1 .section-heading-container p {
	font-size: 25px;
	line-height: 35px;
}
video {
	opacity: .3;
	position: absolute;
	width: auto;
	top: 0px;
	height: 100%;
	z-index: 0;
	left: -100%;
	
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
video.pos-1 {
	left: -60%;
}

.section-2 {
	padding: 100px 0px 125px 0px;
	text-align: center;
	background-color: #FFFFFF;
	position: relative;
	z-index: 2;
}
.section-2 .container {
	width: 95%;
	max-width: 780px;
	margin: auto;
}
.section-2 img {
	max-width: 150px;
}
.section-2 .section-heading h1 {
	color: #6D6D6D;
	font-size: 40px;
	text-transform: uppercase;
	margin: 0px;
}
.section-2 h2 {
	color: #2B3039;
	font-size: 26px;
}
.section-2 hr {
	max-width: 115px;
	margin: 10px auto 15px auto;
	border: none;
	height: 1px;
	background-color: #2B3039;
}
.section-2 p {
	color: #6E6E6E;
}
.section-3 {
	padding: 100px 0px 100px 0px;
	position: relative;
	background-color: #323232;
}
.section-3 .hero-overlay {
	position: absolute;
	opacity: .1;
	width: 100%;
	height: 100%;
	top: 0px;
	background: url(../img/home/digi-signs-hero.jpg)center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.section-3 .section-wrapper {
	width: 95%;
	margin: auto;
	position: relative;
	z-index: 1;
}
.section-3 .section-heading {
	color: #FFFFFF;
	text-align: left;
}
.section-3 .section-heading h1 {
	font-size: 30px;
	margin:  0px;
}
.section-3 p {
	margin-bottom: 50px;	
}
.section-3 .examples {
	margin-top: 100px;
}
.section-3 .internal-link {
	border-color: #FFFFFF;
	
}
.section-3 .examples figure {
	width: 98%;
	max-width: 375px;
	margin: 0px auto 25px auto;
	margin-bottom: 25px;
	padding: 75px 25px 75px 25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #FFFFFF;
}
.section-3 .examples figure img {
	width: 95%;
	margin: auto;
}
.section-3 .examples figure.item-1 {
	background-color: rgba(1,169,247,0.70);
}
.section-3 .examples figure.item-2 {
	background-color: rgba(246,97,83,0.70);
}

@media only screen and (min-width: 415px) {

.section-3 .examples figure {
	margin: 0px 0px 25px 0px;
}
}

@media only screen and (min-width: 430px) {

.section-1 .section-heading-container {
    padding: 200px 0px 275px 0px;
}
.section-1 .section-heading-container {
	max-width: 100%;
	margin: auto;
}
.section-1 .section-heading-wrapper h1 {
    font-size: 80px;
    line-height: 80px;
}
	
}

@media only screen and (min-width: 560px) {
.section-1 .section-heading-wrapper {
	max-width: 100%;
}	
.section-1 .section-heading-container {
    padding: 275px 0px 275px 0px;
}
	
}

@media only screen and (min-width: 600px) {
	
video {
	left: -40%;
}
	
}


@media only screen and (min-width: 650px) {

video.pos-1 {
	left: -30%;
}
.section-1 .section-heading-container {
    padding: 350px 0px 275px 0px;
}
.section-3 .examples {
	display: table;
	width: 100%;
}
.section-3 .examples figure {
	float: left;
	width: 49%;
}
.section-3 .examples figure.item-1 {
	margin-right: 12px;
}
	
}
@media only screen and (min-width: 768px) {
	
.section-3 .section-wrapper {
	display: table;
	max-width: 1200px;
}
.section-3 .content {
	float: left;
}
.section-3 .section-heading {
	width: 60%;
}
.section-3 .examples {
	width: 40%;
}
.section-3 .section-heading p {
	width: 80%;
}
.section-3 .examples {
	margin-top: 0px;
}
.section-3 .examples figure {
	float: none;
	width: 100%;
	margin: 0px auto 25px auto;
}
.section-3 .examples figure {
	max-width: 100%;
}
	
}

@media only screen and (min-width: 1000px) {

video {
	left: 0%;
}
video.pos-1 {
	left: -25%;
}
	
}
	
@media only screen and (min-width: 1200px) {
video, video.pos-1 {
	left: 0%;
}
	
}