#outer-container {
	position: static !important;
}

.full-screen-inner-content .content-container .inner-table {
	display: table;
	width: 100%;
}

.header-image-container {
	text-align: center;
}

.header-image-container.left {
	display: table-cell;
	vertical-align: middle;
	width: 30%;
}

	#about-alternative .header-image-container.left {
		width: 35%;
	}

	#about-big-data .header-image-container.left {
		display: table-cell;
		vertical-align: middle;
		width: 45%;
	}

	.header-image-container.left img {
		width: 100%;
	}
	
.copy-container.right {
	display:table-cell;
	vertical-align: middle;
}

	.copy-container.full {
		width: 100%;
		text-align: center;
	}

.copy-container h2, #about-alternative .header-image-container.left h2 {
	text-transform: uppercase;
	color: white;
	font-family: "GeogrotesqueSemibold", sans-serif;
	font-size: 50px;
	margin-top: 0;
	margin-bottom: 10px;
}

	#about-alternative .header-image-container.left h2 {
		margin-top: 15px;
	}

	.copy-container h2.hidden-header {
		position: absolute;
		left: -99999px;
	}

.copy-container p {
	color: white;
	font-family: "GeogrotesqueRegular", sans-serif;
	font-size: 22px;
	margin-bottom: 0;
}

#about-alternative .full-screen-inner-content .copy-container.right p,
#about-big-data .copy-container p {
	width: 90%;
}

	#about-transparent .copy-container p {
		width: 92%;
	}
	
#about-alternative .header-image-container.left img:first-of-type {
	max-width: 220px;
}

#about-alternative .header-image-container.left img#surreal-xm-logo {
	max-width: 280px;
	margin-top: 40px;
}

#about-no-silos p, #about-collaborative p, #about-xm-proud p, #about-global p {
	display: inline-block;
	font-family: "GeogrotesqueRegular", sans-serif;
	color: #eb002c;
	font-size: 26px;
	text-align: center;
	width: 60%;
}

	#about-no-silos p {
		margin-top: 50px;
	}

	#about-collaborative p {
		color: #FFF;
	}
	
	#about-xm-proud p {
		font-family: "GeogrotesqueSemibold", sans-serif;
		line-height: auto;
	}

#about-collaborative h2 {
	margin: 30px 0 20px 0;
}

#about-culture .copy-container p  {
	font-size: 26px;
}

#about-transparent .copy-container p {
	color: #333 !important;
	display: inline-block;
}

#about-big-data .copy-container p {
	display: inline-block;
	margin-left: 5%;
	color: #FFF;
}

	#about-big-data .copy-container p:first-of-type {
		margin-top: 0;
	}
	
#about-big-data .header-image-container {	
	margin-bottom: 20px;	
}

#about-culture .full-screen-inner-content .content-container {
	width: 850px;
}

#about-culture .header-image-container {
	width: 50%;
}

	#about-culture .header-image-container img {
		max-width: 300px;
	}
	
#about-culture .copy-container {
	text-align: center;
	width: 50%;
}

	#about-culture .copy-container h2 {
		display: none; /*hide the h2 until the image turns into a BG image */
	}

#about-xm-proud .header-image-container {
	margin-bottom: 20px;
}	
	
#footer-toggle-container {
	display: none;
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0;
	left: 0;
}

a#footer-toggle {
	position: relative;
	display: inline-block;
	margin-bottom: 0;
	color: #eb002c;
	font-size: 50px;
	text-decoration: none;
}

	a#footer-toggle img {
		max-width: 24px;
	}

/* Change the footer on this style of page so that it's hidden and only displayed on button press */
footer {
	display: none;
	position: absolute;
	height: 100%;
	transform: translate(0, 0);
	bottom: -100%;
	padding: 0 5%;
}

	footer .content-container {
		padding-top: 30px;
	}

@media only screen and (max-width : 1020px) {
	div.content-container, div.content-module-inner-content {
		width: 100%;
		padding: 0;
	}
}

@media only screen and (max-width : 900px) {
	#about-no-silos p, #about-xm-proud p {
		width: 80%;
	}
	
	#about-culture .header-image-container {
		width: 30%;
		padding-left: 10%;
	}
	
	#about-culture .copy-container {
		width: 50%;
		padding: 0 10% 0 5%;	
	}
	
	#about-alternative .header-image-container.left img#surreal-xm-logo {
		width: 100%;
		max-width: 250px;
	}
}
	
@media only screen and (max-width : 760px) {
	#footer-toggle-container {
		display: none;
	}
	
	#slides-wrapper, .full-screen-module, footer {
		position: static;
		display: block;
	}
	
		.full-screen-module {
			padding: 100px 0;
		}
	
	div.content-container, div.content-module-inner-content {
		width: 96%;
		padding: 0 2%;
	}
	
	.full-screen-inner-content {
		width: 100%;
	}
	
	#about-xm-proud p {
		width: 90%;
	}
	
	.full-screen-module .copy-container h2 {
		width: 90%;
		display: inline-block;
		margin-bottom: 0 !important;
		font-size: 40px;
	}
	
	#about-collaborative p {
		margin-top: 30px;
	}
	
	.full-screen-module .copy-container p {
		margin-top: 15px; 
	}
	
	.inner-table, .full-screen-inner-content, .header-image-container.left, .copy-container.right {
		display: block;
	}
	
	#about-culture .full-screen-inner-content .content-container {
		width: 90%;
	}
	
	.full-screen-module#about-culture .header-image-container.left,
	.full-screen-module#about-alternative .header-image-container.left {
		float: none;
		width: 100%;
	}
	
		#about-culture .header-image-container img {
			max-width: 200px;
		}
	
		.full-screen-module#about-alternative .header-image-container.left {
			margin-bottom: 30px;
		}
	
	.full-screen-module#about-alternative .copy-container.right {
		text-align: center;
	}
	
	.full-screen-module#about-alternative .copy-container.right p {
		padding: 0;
	}
	
	.full-screen-module#about-culture .copy-container p {
		font-size: 22px;
		line-height: auto;
	}
	
	.full-screen-module#about-alternative .copy-container p {
		font-size: 18px;
		line-height: 140%;
	}
	
	#about-culture .copy-container {
		width: 100%;
	}
	
	#about-big-data .copy-container p, 
	#about-transparent .copy-container p {
		width: 90%;
	}
	
	.full-screen-module#about-transparent .full-screen-inner-content  img {
		max-width: 500px;
	}

	.full-screen-module#about-collaborative .full-screen-inner-content  img,
	.full-screen-module#about-no-silos .full-screen-inner-content  img {
		max-width: 450px;
	}

	.full-screen-module#about-big-data .full-screen-inner-content  img {
		max-width: 400px;
		margin-bottom: 40px;
	}
	
	.full-screen-module#about-global .full-screen-inner-content  img {
		max-width: 250px;
	}
	
	#about-culture .copy-container h2 {
		display: inline-block;
	}
	
		#about-culture .copy-container br {
			display: none;
		}
		
	#about-alternative .full-screen-inner-content .copy-container.right p, #about-transparent .copy-container p {
		width: 90%;
		padding: 0 5% !important;
	}
	
		#about-big-data .copy-container p {
			text-align: center !important;
		}
	
	#about-culture .copy-container {
		padding: 0;
	}
	
	#about-culture .header-image-container {
		padding-left: 0;
		margin-bottom: 30px;
	}
	
	#about-no-silos p, #about-collaborative p, #about-xm-proud p, #about-global p {
		width: 60%;
	}
}

@media only screen and (max-width : 712px) {
	.full-screen-module#about-transparent .full-screen-inner-content  img {
		width: 95%;
	}
}

@media only screen and (max-width : 700px) {
	.full-screen-module#about-collaborative .full-screen-inner-content  img,
	.full-screen-module#about-big-data .full-screen-inner-content  img {
		width: 95%;
	}
}

@media only screen and (max-width : 670px) {
	img#surreal-xm-logo {
		display: none;
	}
}

@media only screen and (max-width : 580px) {
	#about-xm-proud p {
		font-size: 20px;
		line-height: normal;
	}
	
	.full-screen-module#about-no-silos .full-screen-inner-content  img {
		width: 95%;
	}
}

@media only screen and (max-width : 500px) {
	.full-screen-module#about-xm-proud .full-screen-inner-content  img {
		width: 95%;
	}
}