/* CSS Document */
.gallery {margin-top: 50px;
text-align: center;}



.laptop{ 
	padding-top:10px; 
	text-align: center;
	width:100%;}

.laptop{
	-webkit-animation-name: Floatingx;
    -webkit-animation-duration: 8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 8s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;}

@-webkit-keyframes Floatingx{
    from {-webkit-transform:translate(0, 0px);}
    65% {-webkit-transform:translate(0, 60px);}
    to {-webkit-transform: translate(0, -0px);    }    
}
    
@-moz-keyframes Floating{
    from {-moz-transform:translate(0, 0px);}
    65% {-moz-transform:translate(0, 60px);}
    to {-moz-transform: translate(0, -0px);}    
}

/*case studies*/

#content{
	margin-top:150px;
	margin-left: auto;
	margin-right: auto;
}

	
	.case{
	width:70%;
	height:500px;
	border-top:solid 1px #131518;
	display:inline-block;
	}
	
		.case #left{
		padding-left:5%;
		padding-top:100px;
		float:left;
		width:50%;
		
	}
	
		.case #left h3{
	text-align: left;
	margin:0;
	max-width:400px;
	color:#b9002c;
	text-transform:uppercase;
	font-family: 'BigNoodleTitling';
	font-size:48px;
	font-weight:normal;
	}

.case #left h4{
	text-align: left;
	margin:0;
	max-width:70%;
	color:#FFF;
	text-transform:uppercase;
	font-family: 'BigNoodleTitling';
	font-size:48px;
	font-weight:normal;
	}
.case #left p{
	margin:0;
	text-align:left;
	max-width: 75%;
	font-family: 'Titillium Web', sans-serif;
	font-weight:200;
	color:#FFF;
	font-size:16px;
	letter-spacing:1px;
	
}

.case #left b{
	color:#b9002c;
	
}

			.case #right{
		padding-top:60px;
		float:left;
		width:30%;

		
	}