<div class="gradient"></div>/*********************************
* MEDIA QUERIES
**********************************/
@media (max-width: 991px) {
	body { 
		font-size: 15px;
	}
}

@media (max-width: 767px) {
	h3{
		margin-bottom: 20px;
	}
	.links{
		margin: 20px 0px;
	}
	.links a{
		margin: 15px 0;
	}
	.team{
		max-height: 200px;
	}
	.animated {
		-webkit-transition-property: none !important;
		   -moz-transition-property: none !important;
			-ms-transition-property: none !important;
			 -o-transition-property: none !important;			
				transition-property: none !important;
		-webkit-transform: none !important;
		   -moz-transform: none !important;
			-ms-transform: none !important;
			 -o-transform: none !important;			
				transform: none !important;
		-webkit-animation: none !important;
		   -moz-animation: none !important;
			-ms-animation: none !important;
			 -o-animation: none !important;
				animation: none !important;
		opacity: 1;
	}
}

@media (max-width: 480px) {
	body{
		font-size: 13px;
	}
	h3{
		margin: 10px 0px;
	}
	.team{
		width: 100%;
		margin-bottom: 10px;
	}
	.meet-us{
		overflow-y: scroll !important;
	}
	ul.list-tweets{
		background-size: 75%;
	}	
	textarea, 
	input[type="text"], 
	input[type="text"]:hover, 
	input[type="text"]:active, 
	input[type="email"]:focus,
	input[type="email"], 
	input[type="email"]:focus, 
	input[type="email"]:hover, 
	input[type="email"]:active, 
	#mce-EMAIL{
		width: 100%;
	}	
	.btn{
		font-family: 'Exo', sans-serif;
		background: #FFF;
		border: 1px solid #FFF;
		color: #333;
		width: 100%;
		margin-left: 0px;
		height: 42px;
		-webkit-transition: all 0.25s ease-in-out;
	   	   -moz-transition: all 0.25s ease-in-out;
	   		-ms-transition: all 0.25s ease-in-out;
	   		 -o-transition: all 0.25s ease-in-out;
	   			transition: all 0.25s ease-in-out;
	   	position: relative;
	   	overflow: hidden;
	}	
	.btn:hover{
		background: #12c28a;
		border: 1px solid #12c28a !important;
		color: #FFF;
	}	
	.btn .singup-text{
		top: 12px;
		left: 0;
		width: 100%;
		margin: 0 auto;
	}	
	.btn .singup-image{
		top: -25px;
		left: 0;
		width: 100%;
		margin: 0 auto;
	}	
	.btn:hover .singup-text{
		left: 0;
		top: 50px;
	}
	.btn:hover .singup-image{
		left: 0;
		top: 12px;
	}
	.links{
		margin: 10px 0px;
	}
	.links a{
		margin: 10px 0;
		padding: 10px 0px;
	}
	ul.list-tweets{
		padding-top: 30px !important;
	}
	footer{
        position: relative;
        margin-top: 50px;
    }
}