html {font-size: 62.5%;}
body {font-size: 1.4rem;}

html, html a {-webkit-font-smoothing: antialiased;}

html, body {height: 100%; min-height: 100%;} /* Required for full-screen images etc */

/*img {width: 100%;}*/

h1, h2, h3, h4, h5, h6, p, ul, li, ul li, ol, ol li, blockquote {margin: 0; padding: 0;}

h1, h2, .h2 {font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; }
h3, h4, h5, h6, .h2-bold {font-family: 'Open Sans', Arial, sans-serif; font-weight: 600; }
p, ul, li, ul, ul li, ol, ol li, blockquote, span, a, .big {font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; }

h1 {padding-bottom: 2.5rem;}
h2 {padding-bottom: 1rem;}
.h2 {padding-bottom: 2rem;}
.h2-bold {padding-bottom: 2rem;}

h1 {font-size: 2.6rem; line-height: 3rem;}
h2, .h2 {font-size: 2.1rem; line-height: 2.7rem;}
.h2-bold {font-size: 2.1rem; line-height: 2.7rem;}
.big {font-size: 1.6rem; line-height: 2.3rem;}
h3 {font-size: 1.6rem; line-height: 2rem;}
h4 {font-size: 1.4rem; line-height: 1.7rem; }
h5 {font-size: 1.4rem; line-height: 1.7rem;}
h6 {font-size: 1.4rem; line-height: 1.7rem;}

@media (min-width: 569px) {
	h1 {font-size: 3.2rem; line-height: 3.4rem;}
	h2, .h2 {font-size: 2.5rem; line-height: 2.8rem;}
	.h2-bold {font-size: 2.5rem; line-height: 2.8rem;}
	.big {font-size: 2rem; line-height: 2.9rem;}
	h3 {font-size: 2rem; line-height: 2.5rem;}
	h4 {font-size: 1.7rem; line-height: 2.2rem;}
}

@media (min-width: 1025px) {
	h1 {font-size: 4rem; line-height: 4.5rem;}
	h2, .h2 {font-size: 2.2rem; line-height: 2.8rem;}
	.h2-bold {font-size: 2.2rem; line-height: 2.8rem;}
	.big {font-size: 2rem; line-height: 3.2rem;}
	h3 {font-size: 1.8rem; line-height: 2.8rem;}
	h4 {font-size: 2rem; line-height: 2.5rem;}
}

p, ul, ol, blockquote {margin-bottom: 2rem;}

p {
	font-size: 1.8rem;
	line-height: 2.8rem;
}

ul {
	margin-left: 3rem;
}

ul li {
	font-size: 1.6rem;
	margin-bottom: 0.5rem;
}

ol {
	margin-left: 3rem;
}

ol li {
	font-size: 1.6rem;
	margin-bottom: 0.5rem;
}

blockquote {
	font-size: 2.5rem;
	line-height: 3rem;
	padding-left: 1.5rem;
	border-left: 10px solid #cccccc;
}

.no-padding {padding: 0;}

/* Link Styling */


a:link, a:visited {
	color: #333333;
	text-decoration: underline;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

a:active, a:hover {
	color: #999999;
	text-decoration: underline;
}


/* Base Button Styles */


.btn {
	background: #ffffff;
	margin: 0;
	text-align: center;
	font-weight: 400;
	display: inline-block;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.btn:link, .btn:hover, .btn:active, .btn:visited {text-decoration: none;} /* Remove underline */

.btn:link, .btn:visited {
	color: #333333;
}

.btn:active, .btn:hover {
	background: #333333;
	color: #ffffff;
}


/* Button Sizes */

.btn.large {
	padding: 1.5rem 2.5rem;
	font-size: 1.4rem;
}

.btn.medium {
	padding: 1rem 1.6rem;
	font-size: 1.2rem;
}

.btn.small {
	padding: 0.9rem 1.6rem;
	font-size: 0.7rem;
}

.cta { /* Vertical spacing for CTA Buttons, like in the first section */
	position: relative;
	z-index: 100;
	margin-top: 3rem;
	padding: 1.5rem 5rem 1.5rem 5rem;
	font-size: 1.5rem;
	font-weight: 600;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
}

/* Block-width Button */


.btn.block {
	display: block;
	margin: 0 auto;
}


/* Button Colour Add ons */


.btn.red:link, .btn.red:visited {
	border: none;
	background: rgba(191,23,51,0.8);
	color: #ffffff;
}

.btn.red:active, .btn.red:hover {
	border: none;
	background: rgba(191,23,51,0.5);
	color: #ffffff;
}

.btn.blue:link, .btn.blue:visited {
	border: none;
	background: rgba(106,111,176,100);
	color: #ffffff;
}

.btn.blue:active, .btn.blue:hover {
	border: none;
	background: rgba(76,81,142,100);
	color: #ffffff;
}

.btn.white:link, .btn.white:visited {
	border: 1px solid #cccccc;
	background: rgba(209, 227,247,0.2);
	color: #333333;
}

.btn.white:active, .btn.white:hover {
	border: 1px solid #cccccc;
	background: rgba(209, 227,247,100);
	color: #333333;
}

.btn.green:link, .btn.green:visited {
	border: none;
	background: rgba(108,196,70,100);
	color: #000000;
}

.btn.green:active, .btn.green:hover {
	border: none;
	background: rgba(108,196,70,0.7);
	color: #000000;
}


/* Navigation Styling */


.nav {
	position: fixed;
	padding: 0;
	margin: 0;
	z-index: 5000;
	width: 100%;
	height: 100px;
	top: 0;
	color: #777777;
	background: rgba(250,250,250,0.0);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.0);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.0);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.0);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.nav a {margin: 0; padding: 0;}

.nav .container { /* Needed for vertical centering of ul and logo */
	height: 100%;
}

.nav .logo { /* logo link -- 100% height for vertical centering of logo img below */
	display: inline-block;
	position: relative;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	width: auto;
	height: 60px;
	top: 45%;
	-webkit-transform: translateY(-45%);
  	-ms-transform: translateY(-45%);
  	transform: translateY(-45%);
}

.nav .logo img {
	height: 75px;
	width: auto;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.nav ul {
	position: relative;
	list-style-type: none;
	text-align: center;
	margin: 0;
	float: right;
	top: 50%;
	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

.nav li {
	display: inline-block;
	text-transform: uppercase;
	padding: 0 0 0 0;
	margin: 0;
}


.social {font-size: 1.2rem;}
.social:link, .social:active, .social:hover, .social:visited {text-decoration: none;}
.social img {height: 15px; width: auto; padding: 0 1.5rem 0 0; margin: 0; margin-top: -3px;}

.nav .btn {
	font-size: 1.2rem;
	padding: 0.7rem 1rem 0.7rem 1rem;
}


@media (max-width: 516px) { /* Mobile nav styling */
	.nav {
		height: 75px;
		background: rgba(250,250,250,0.93);
		-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
	}

	.nav .logo {
		height: 65px;
		width: auto;
	}

	.nav .logo img {
		margin-top: 0.3rem;
		height: 55px;
		width: auto;
	}

	.social span {display: none;}
	.social img {padding: 0; margin-top: -1px;}

	.nav .btn {
		font-size: 1rem;
		padding: 0.7rem 1rem 0.7rem 1rem;
	}

	.nav li {margin-right: 5px;}
}

.nav.shrink { /* Shrink styles - nav shrinks on scroll down page */
	height: 50px;
	background: rgba(250,250,250,0.98);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
}

.nav.shrink .logo {
	height: 50px;
	width: auto;
}

.nav.shrink .logo img {
	margin-top: 0.3rem;
	height: 40px;
	width: auto;
}

.nav.shrink .social img {margin-top: -2px;}

.nav.shrink .btn {
	font-size: 1rem;
	padding: 0.7rem 1rem 0.7rem 1rem;
}

/* MISCELLANEOUS STYLES */


.sample-background { /* Can delete this - only required to show container BG for illustration */
	background: rgb(200,200,200);
	margin-bottom: 3rem;
	height: 100px;
	position: relative;
	padding: 1.5rem;
}

.h-center {
	display: block; /* Required for any inline elements - H-centering only works on block elements */
	margin: 0 auto;
	width: 30rem; /* Can delete this - this is here for illustration only - block elements have a default width of 100% */
}

.v-center {
	display: block;
	width: 30rem; /* Can delete this - need a width since block elements have a default width of 100% */
	position: relative;
	top: 50%; /* IMPORTANT: This element's parent must have a height set in order for % to work */
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

.full-center {
	display: block;
	width: 30rem; /* Can delete this - need a width since block elements have a default width of 100% */
	position: relative;
	top: 50%; /* IMPORTANT: This element's parent must have a height set in order for % to work */
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
  	margin: 0 auto;
 }


 /* Image and Hero sections */


 .fullscreen {
 	display: block;
 	position: relative;
 	min-width: 100%;
 	min-height: 100%;
 	background: rgba(255,0,0,.5);
 	color: #ffffff;
 }

 .fullscreen-image {
 	display: block;
 	position: absolute;
 	z-index: -1;
 	min-width: 100%;
 	min-height: 100%;
 	background: url('../images/imagesample1.jpg') center center no-repeat;
 	background-size: cover;
 }

.row-stretch {overflow: hidden; width: 100%; padding: 0; margin: 0;} /* Removes all padding/margin from row - to be used WITHOUT container */

.col-stretch {padding-left: 0; padding-right: 0;} /* Removes all padding/margin from column */

.image-block {position: relative;}

.image-block img {position: relative; z-index: -2;}

.image-block:after {
	content:"";
	position: absolute;
	top: 0;
	left: 15px;
	right: 15px;
	height: 100%;
	background: rgba(0,0,0,.5);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.image-block:hover:after {
	content:"";
	background: rgba(0,0,0,.2);
}

.image-block p {position: absolute; z-index: 1; bottom: 0; left: 0; padding: 1rem 3rem 1rem 3rem; color: #ffffff;}


/* END MISC STYLES */



/* Other layout elements */


.section-cut {
	display: block;
	margin: 8rem 0 8rem 0;
	padding: 1.5rem;
	width: 100%;
	background: rgba(255,0,0,0.2);
	font-weight: 600;
}


/* Layout for Sections */


#first { /* Offset first section to account for navigation height */
	position: relative;
	padding-top: 18rem;
	padding-bottom: 12rem;
	overflow: hidden;
	color: rgba(0,0,0,100);
	text-align: center;
}

.bg-first{
	position: absolute;
	top:0;
 	display: block;
 	z-index: 0;
 	min-width: 100%;
 	min-height: 100%;
 	background: url('../images/background_dots.jpg') center center no-repeat;
 	background-size: cover;
}

#first h1 {font-weight: 600; color: rgba(158,19,42,100);}

#first .h2-bold {margin-top: 2rem; margin-bottom: -3rem;}

@media (min-width: 517px) { /* Centers text on mobile only */
	#first {text-align: left;}
}

@media (min-width: 401px) and (max-width: 516px) {
	#first h1 {padding-left: 4rem; padding-right: 4rem;}
	#first h2 {padding-left: 4rem; padding-right: 4rem;}
}

@media (min-width: 518px) and (max-width: 767px) { /* Line break adjustments when iPad disappears */
	#first h1 {width: 100%;}
	#first h2 {width: 80%;}
}

#first .btn {margin-top: 5rem;}

#first .iPad_big { /* Desktop and tablet image - absolutely positioned to left of text */
	position: absolute;
	width: 60%;
	right: 0;
	margin-right: -11rem;
}

@media (max-width: 767px) {
	#first .iPad_big {display: none;}
}

@media (min-width: 768px) and (max-width: 930px) {
	#first .iPad_big {width: 65%; margin-right: -16rem;}
}

@media (min-width: 1200px) {
	#first .iPad_big {
		width: 55%;
	}
}




#current {
	position: relative;
	width: auto;
	height: auto;
	background: rgba(245,245,245,100);
	padding-top: 11rem;
	padding-bottom: 10rem;
	text-align: center;
	overflow: hidden;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

#current .bg-photo {
	position: absolute;
	top:0;
 	display: block;
 	z-index: 0;
 	min-width: 100%;
 	min-height: 100%;
 	background: url('../images/vc_nz_2017.jpg') center center no-repeat;
 	opacity: 0.5;
 	background-size: cover;
}

#current h1 {margin: -3rem 0 .5rem 0; color: rgba(0,0,0,.8)}
#current .h2 {color: rgba(100,100,100,.8);}
#current .cta {
	margin: 5rem 0 0 0;
}

.open-past-vc {
	display: block;
	margin-top: 3rem;
	font-weight: bold;
}

/* END SINGLE VC INSTANCE VERSION */

 /*Styles for multiple VC instance - Commented out for single instance version, above*/

#current {
	position: relative;
	width: auto;
	height: auto;
	background: rgba(191,213, 233,0.0);
	padding-top: 11rem;
	padding-bottom: 5rem;
	text-align: center;
	overflow: hidden;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

#current h1 {margin: -6rem 0 0rem 0; color: rgba(0,0,0,.8)}
#current .h2 {color: rgba(100,100,100,.8);}
#current .h2-bold {margin-bottom: 1rem;}
#current .cta {
	margin: 2rem 0 0 0;
}

.multiple-wrapper {text-align: center; margin-top: 2rem;}

.multiple {
	position: relative;
	/*background: rgba(155,155,155,100);*/
	padding: 5rem 3rem;
	overflow: hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #dddddd;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
}

@media (max-width: 767px) {
	.multiple {margin-left: 2rem; margin-right: 2rem;}
}

@media (min-width: 768px) {
	/*.multiple {height: 450px;}*/
	.multiple .cta {
		width: 80%;
		padding: 2rem 1rem;
	}
}

@media (min-width: 992px) {
	/*.multiple {height: 350px;}*/
}

.multiple-text {
	position: relative;
	z-index: 500;
}

.multiple .bg-photo-first {
	position: absolute;
	top:0;
	left:0;
 	display: block;
 	z-index: 0;
 	min-width: 100%;
 	min-height: 100%;
 	background-repeat: no-repeat;
 	background-size: cover;
  background-position:  center center;
 	opacity: 0.9;
}

.multiple .bg-photo-second {
	position: absolute;
	top:0;
	left:0;
 	display: block;
 	z-index: 0;
 	min-width: 100%;
 	min-height: 100%;
 	background: url('../images/nova_scotia.jpg') center center no-repeat;
 	background-size: cover;
 	opacity: 0.5;
}

.multiple .bg-photo-third {
  position: absolute;
  top:0;
  left:0;
  display: block;
  z-index: 0;
  min-width: 100%;
  min-height: 100%;
  background: url('../images/saskatchewan.jpg') center center no-repeat;
  background-size: cover;
  opacity: 0.5;
}

.open-past-vc {
	display: inline-block;
	font-size: 1.6rem;
	margin-top: 4rem;
}

 /*END MULTIPLE VC INSTANCE VERSION */


.current-vc .cta:link, .current-vc .cta:visited {text-decoration: none; color: #333333;}
.current-vc .cta:active, .current-vc .cta:hover {background: rgba(0,0,0,0.2);}


#vc {background: rgba(191,23,51,100); color: rgba(255,255,255,.85); padding: 10rem 0 8rem 0; border-bottom: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf;}


@media (max-width: 991px) {
	#promo-vid {padding-top: 5rem;}
}

#vc-stage-container {overflow: hidden;}

.vc-stage-intro {color: rgba(191,23,51,100); text-align: center; margin-top: 9rem; margin-bottom: -3rem;}

.vc-stage {
	margin-bottom: 3rem;
	padding-top: 5rem;
	padding-bottom: 4rem;
	background: rgba(11,24,91,0.02);
	border: 1px solid #dfdfdf;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.vc-stage-screenshot {
	width: 100%;
}

@media (max-width: 767px) {
	.vc-stage {margin-left: 0rem; margin-right: 0rem;}
}

.vc-stage-image {
	position: relative;
}

@media (min-width: 992px) { /* Bring the image in from the left edge
	.vc-stage-image {
		padding-left: 7rem;
	}
}

@media (max-width: 767px) { /* Add space between image and text on stacked views */
	.vc-stage-image {padding-bottom: 3rem;}
}

@media (max-width: 767px) {
	.vc-stage-screenshot { /* control sizing of image on tablet and below */
		width: 50%;
		height: auto;
		max-width: 250px;
		display: block;
		margin: 0 auto;
	}
}

@media (min-width: 1200px) {
	.vc-stage-screenshot { /* prevent the image from getting too big on desktop */
		width: 80%;
	}
}

.vc-stage-description {color: rgba(191,23,51,100);}

@media (min-width: 992px) {
	.vc-stage-description {margin-top: 2rem;} /* Offset the text from the top of the circle */
}

@media (max-width: 499px) {
	.vc-stage-description { /* Center text on mobile views and add more padding to bring in the text from the edges */
		text-align: center;
		padding: 0 3rem 0 3rem;
	}
}

@media (min-width: 500px) and (max-width: 767px) {
	.vc-stage-description { /* Center text on tablet views and add more padding to bring in the text from the edges */
		text-align: center;
		padding: 0 8rem 0 8rem;
	}
}

.stage-1 {margin-top: 3rem;} /* fix spacing for first stage (separated from headline) */

.faded {opacity: 0.1;} /* Class for JS fade in/out effect */

.vc-closer {
	text-align: center;
	padding-top: 8rem;
	padding-bottom: 0;
	margin-bottom: 0;
}

.vc-closer h2 {padding-bottom: 2.5rem;} /* Spacing fix between header and sub */

.vc-closer p {margin-bottom: 4rem;}

.vc-closer img {margin-bottom: -13rem;}

@media (max-width: 595px) {
	.vc-closer img {margin-bottom: -9rem;}
}

/* PAST INITIATIVES ------ */

#past {background: rgba(91,11,24,100); padding: 8rem 0 5rem 0;}

.past-intro {color: rgba(255,255,255,.85);}

#past .big {color: rgba(255,255,255,.85); margin: 3rem 0 1rem 0;}

.past-item {
	background: rgba(255,255,255,.85);
	height: 35px;
	margin-top: 1rem;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

a.past-item-link {text-decoration: none;}

.past-item-link:link, .past-item-link:visited {text-decoration: none; color: #333333;}
.past-item:active, .past-item:hover {background: rgba(255,255,255,100);}

.past-item-inactive { /* Different styling for VC links that no longer exist, e.g. Wallstreet Journal */
	background: rgba(255,255,255,.60);
	color: #000000;
}

.past-item-inactive:active, .past-item-inactive:hover {background: rgba(255,255,255,.60);}

.past-item img {
	width: 50px;
	height: 25px;
	float: left;
	margin: 0.5rem 2rem 0 0.6rem;
}

.past-item p {
	padding: 0.3rem 0 0 0;
	margin: 0 0 0 0;
	font-size: 1.4rem;
	float: left;
}

.past-size-adjust .past-item p {font-size: 0.9rem;} /* past-size-adjust line-length fixes for small screens*/

@media (min-width: 495px) {
	.past-size-adjust .past-item p {font-size: 1.3rem;}
}

.past-item span {font-weight: 600;}


.past-item .arrow {
	float: right;
	width: 15px;
	height: auto;
	margin: 1rem 1rem 0 0;
}


/* END PAST INITIATIVE STYLING. */

/* MEDIA PARTNER LOGO BLOCK ----------- */

#media-partners {text-align: center; padding: 6rem 0 7.5rem 0;}

@media (min-width: 768px) {
	#media-partners {text-align: center;}
}

.sponsor-logo-holder {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.sponsor-logo-holder div {
	flex-basis: 100%;
	display: flex;
	justify-content: center;
	align-items: center;

	margin: 5px 0px;
}

@media (min-width: 768px) {
	.sponsor-logo-holder div {
		flex-basis: 50%;
		margin: 10px 0px;
	}
}

.media-logo {
	max-width: 275px;
	max-height: 90px;
	margin-top: 3rem;
	padding-right: 2rem;
}

#big-data {
	position: relative;
	width: auto;
	height: auto;
	background: rgba(245,245,245,100);
	padding: 9rem 0 8.5rem 0;
	overflow: hidden;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.bg-big-data{
	position: absolute;
	top:0;
 	display: block;
 	z-index: 0;
 	min-width: 100%;
 	min-height: 100%;
 	background: url('../images/twittersphere.jpg') center center no-repeat;
 	background-size: cover;
}

#big-data p {
	padding: 3rem 0 3rem 3rem;
	border-left: 1px solid #cccccc;
	color: rgba(191,23,51,100);
}

@media (max-width: 767px) {
	#big-data p {border: none; padding: 2rem 0 0 0rem;}
}

#vox-pop-labs {
	padding: 7rem 0 7rem 0;
	background: rgba(0,17,23,0.95);
	color: rgba(255,255,255,0.8);
}

#vox-pop-labs img {
	width: 75%;
	height: auto;
	margin: 0;
	padding: 0;
	max-height: none;
}

@media (max-width: 477px) {
	#vox-pop-labs img {width: 50%;}
	#vox-pop-labs h2 {padding-top: 4rem;}
}

@media (min-width: 478px) and (max-width: 579px) {
	#vox-pop-labs img {width: 40%;}
	#vox-pop-labs h2 {padding-top: 4rem;}
}

@media (min-width: 570px) and (max-width: 767px) {
	#vox-pop-labs img {width: 30%;}
	#vox-pop-labs h2 {padding-top: 4rem;}
}

@media (min-width: 768px) and (max-width: 1199px) {
	#vox-pop-labs img {width: 100%;}
}

@media (min-width: 1200px) {
	#vox-pop-labs img {width: 85%;}
}

/* END MEDIA LOGO STYLING. */

footer  {
	background: #ffffff;
	padding-top: 10rem;
	padding-bottom: 0rem;
	margin-top: 0;
	background: rgba(0,17,23,100);
	color: rgba(255,255,255,0.7);
}

footer img {width: 100px; height: auto;}
footer ul {margin: 0;}
footer li {list-style: none; font-size: 1.4rem}

@media (max-width: 767px) {
	footer {text-align: center;}
	footer p {padding-top: 3rem;}
}

footer a:link, footer a:visited {color: rgba(255,255,255,0.7);}
footer a:active, footer a:hover {color: rgba(255,255,255,0.3);}

.legal {border-top: 1px solid #222222; margin: 8rem 0 0 0;}
.legal p {font-size: 1.3rem; color: rgba(255,255,255,0.7); padding: 2rem 0 0 0;}