/* ======================================================= 
 *
 *    Media boxes Demo  
 *    By castlecode
 *
 *    Contact: http://codecanyon.net/user/castlecode
 *
 *    Copyright (c) 2013, castlecode. All rights reserved.
 *    Available only in http://codecanyon.net/
 *    
 *    ---------------------------------
 *    CONTENTS
 *    ---------------------------------
 *    
 *    (1) GRAPHIC STYLE (Play around in this section)
 *
 *      [1] MAIN STUFF
 *      [2] HEADER
 *      [3] MENU
 *      [3.1] SHRINK MENU
 *      [4] BIG BANNER
 *      [5] CONTENT
 *      [6] FEATURES
 *      [7] FOOTER
 *      [8] TO TOP
 *      [9] RESPONSIVE DESIGN
 *    
 * ======================================================= */





/* ====================================================================== *
      [5] CONTENT
 * ====================================================================== */

	.content{
		width: 100%;
		margin: auto;
		padding-left:10px;
	}

	.content h2{
		color: #575757;
		font-size: 20px;
	}

	.content h4{
		margin: 20px 0;
		color: #575757;
	}

	.section{
		background: #FAFAFA;
		width: 100%;
		padding: 60px 0px;
		text-align: center;
	}

	.section h2{
		margin-top: 0;
	}

	.content p{
		color: #575757;
		margin-bottom: 0;
	}

	.grid-section{
	/*background-attachment: fixed;*/
	    background-size: 100% 100%;
	/*background: #343a40;
	background-color: #f4f4f4;
	*/
		padding-top: 30px;
	padding-bottom: 30px;
	
	text-align: left;
	}
	
	.animate-on-load{
		opacity: 0;
	}



/* ====================================================================== *
      [9] RESPONSIVE DESIGN
 * ====================================================================== */

	@media only screen and (max-width: 990px) {
		.content{
			width: 100%;
			padding: 0px 10px !important;
		}	
	}

	@media only screen and (max-width: 760px) {
		.content .navbar-nav>li>a{
			padding: 15px 15px !important;
		}
	}