/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

header {
	height:auto;
	padding-bottom:2em;
}

/*********************************************************************************/
/* Video                                                                         */
/*********************************************************************************/

.video-responsive {
	max-width:100%;
}

			
/*********************************************************************************/
/* Clips                                                                         */
/*********************************************************************************/

	#clips {
		margin:0;
		padding:2em 10%;
		background:#000;
		text-align:center;
	}
	
		#clips p, #clips h2, #clips h3, #clips a, #clips strong {
			color:#fff;
		}
		
		#clips hr {
			border:0;
			margin:3em 0 2em 0;
			border-top:rgba(255,255,255,.4) dashed 1px;
		}
		
			#clips hr:first-child {
				margin-top:0;	
			}
			
		#clips h2 {
			font-family:league-gothic;
			font-size:6em;
			font-weight:500;
			padding:0;
			margin:0;
			line-height:1;
		}
		
		#clips h3 {
			font-family:roboto;
			font-size:1.8em;
			font-weight:400;
			line-height:1.8em;
			margin:0;
		}
		
		#clips p {
			font-family:roboto;
			font-size:1.1em;
			font-weight:300;
			line-height:1.8em;
			margin:0 0 2em 0;
			text-align:left;
		}
		
		#clips a {
			font-weight:400;
			text-decoration:none;
		}
			
			#clips a:hover {}

		#clips .button {
			font-family:league-gothic;
			font-size:2em;
			font-weight:400;
			padding:.2em 2em .1em 2em;
			margin:.8em .5em 0 0;
			border-color:#fff;
			color:#fff !important;
		}

			#clips .button:hover {
				background:#fff;
				border-color:#fff;
				color:#000 !important;
			}
			
			#clips .button:last-child {
				margin-right:0;	
			}


/*********************************************************************************/
/* Mobile                                                                        */
/*********************************************************************************/

@media (max-width: 640px) {

/* added this to stop mobile horizontal scrolling */
body div {overflow: hidden;} /*@ media queries*/

	#clips {
		padding:2em 5% 2.5em 5%;
	}
	
		#clips p {
			width:auto;
			font-size:1.3em;
			line-height:1.5em;
			margin-bottom:1em;
		}
		
		#clips h2 {
			font-size:3.8em;
			line-height:.9;
		}
		
		#clips h3 {
			line-height:1.3;
			font-size:1.6em;
			margin-bottom:.5em;
		}
		
		#clips hr {
			margin:2em 0;
		}
	
		#clips .button {
			margin:0 0 .5em 0;
			width:auto;
			font-size:1.8em;
		}
		
			#clips .button:last-child {
				margin-bottom:0;	
			}