body, html{overflow-x : hidden;margin: 0; padding:0; height: 100%;width: 100%;background:#f3f3f3;font-family: 'Source Sans Pro';font-weight: 300}
		
		h3{font-weight: 300;margin:0;}
		.container{width:100%;height:100%}
		a, img, h2{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
		
		
			.nav{width: 20%;height:100%;float: left;background: #eee;}
				.top-nav{float:left;background: #eee;z-index: 2000;width: 100%;}
				.nav h1{padding:20px;display:block;margin: 0;font-weight: 300; color:#fff;font-size:2.1em;background: #fe4c5c;}
				
				.menu {width: 100%;height: auto;top: 0px;z-index: 1000;margin: 0;padding:0;}
				.menu a {display: block;background: #eee;color:#757575;text-decoration: none;border-bottom: 1px solid #ddd;padding: 1em;}
				.menu a:hover {background: #ddd;}
				.menu p {font-size: 1.3em;padding: 20px;margin: 0;background: #fff;}
				
				.menu{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}



			.container-elements{width:80%;float:left; }
			
				.date{font-size:11px;margin:0;padding:20px;color:#fe4c5c;}
		
				.cop-big{width: 66.655%;float: left;position: relative;}
				.cop-big img{padding-bottom: 15.05%;background:#fe4c5c;}
					.cop-info{width:100%;position: absolute; bottom:0;}
					.cop-info .date{color:#000}
					.cop-info h2{font-weight:300;padding:0 20px 15px 20px;color:#fff;margin:0;font-size:30px;}
				
				.cop-big a:hover > img {background:#fe4c5c;opacity: 1} 
				.cop-big a:hover > .cop-info h2 {color:#fff;}	
			
				
				.el-small{width: 16.664%;float: left;position: relative;}
				.el-small img{background: #eee;padding-bottom: 60.125%;}
					.el-info{width:100%;position: absolute; bottom:0;}	
					.el-info h2{font-weight:300;padding: 0 20px 15px 20px;color:#757575;margin:0;}
					
				.el-small a:hover > img {background:#ddd;opacity: 1} 
							
					
				.el-medium{width: 33.3333333%;float: left;position: relative;}
				.el-medium img{padding-bottom: 60.125%;background: #c8c8c8;}
					.el-medium .el-info{width:100%;position: absolute; bottom:0;}	
					.el-medium .el-info h2{font-weight:300;padding:0 20px 0px 20px;color:#fff;margin:0;font-size:40px;}
					.el-medium .el-info p{padding:10px  20px 30px 20px;margin:0;color:#737373;}
					.el-medium .el-info .date{color:#737373;}
					
				.el-medium a:hover > img {background:#ddd;opacity: 1}
				.el-medium a:hover > .el-info h2{color:#737373}

				
	.elastic{width:100%; height:auto;float:left;}
	
	/* Button Responsive Menu*/
	.btn-responsive-menu{float: right;display:none;position:relative;z-index: 2020; padding:5px;cursor:pointer;margin:  12px 10px 0 10px;color: #333;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
	.icon-bar 			{display: block;width: 18px;height: 2px;margin:5px;background-color: #333;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}
		
		#show-menu-l{float:left;}
		#show-menu-r{float:right;}
		

/* Media Queries */
@media (min-width: 768px) and (max-width: 980px) {
	
	.cop-big{width: 100%;}
	.el-small{width: 25%;}
	
	.el-medium img{padding-bottom: 108.335%;}
	

	 
}


@media (max-width: 767px) {

.container{overflow:hidden;height: auto;position: absolute;width:100%}

.nav{width: 100%;height:60px;position: relative;}
		.top-nav{height:60px;display:block;position: absolute}
		
		.nav h1{background: none;width:160px;margin-left: -80px;padding:15px 0 0 0;left:50%;text-align:center;position: absolute;font-size: 22px;line-height: 30px;z-index: 2010;color:#fe4c5c; font-weight:400;}
		.btn-responsive-menu{display:block;}
		
	.container-elements{width:100%;}

		.cop-big{width: 100%;}
		.cop-big img{padding-bottom: 27.05%;background:#fe4c5c;}

		.el-small{width: 50%;}
		.el-medium{width: 100%;}
	
	.menu {position: absolute;}
	
	.menu {width: 240px;top:60px; }

	.menu-left {left: -240px;}
	
	.menu-right {right: -240px;}
	
	.active-l{left: 0px;}
	
	.active-r{right: 0px;}	
	
}