$main-max-width: 1200px
$video-section-height: 550px

@media screen and (min-width: 1025px)
	#docsToc
		position: relative
		float: left
		left: 0

	#docsContent
		width: calc(100% - 400px)



	#home
		section, header, footer
			main
				max-width: $main-max-width

	#oceanNodes
		main
			position: relative
			max-width: $main-max-width

			&:nth-child(1)

				.image-wrapper
					position: absolute
					max-width: 48%
					transform: translateY(-50%)

				.content
					width: 50%


	#video
		height: $video-section-height
		position: relative
		background-image: url(../../images/kub_video_thm.jpg)
		background-position: center center
		background-size: cover
		height: 550px


	#talkToUs
		#bigSocial
			div
				width: calc(25% - 15px)

			div + div
				margin-left: 20px

//
//// FOOTER
//footer
//	width: 100%
//	background-image: url(../images/texture.png)
//	background-color: $dark-grey
//
//	main
//		padding: 40px 0
//
//	nav
//		white-space: nowrap
//
//		a
//			width: 25%
//			text-align: center
//			display: inline-block
//			font-size: 32px
//			font-weight: 300
//			color: white
//			text-decoration: none
//
//	.social
//		position: relative
//		margin: 80px 0 60px
//
//		label
//			float: right
//			display: inline-block
//			height: 50px
//			line-height: 50px
//			font-weight: 100
//			white-space: nowrap
//
//			input
//				margin-left: 8px
//				width: 300px