/* 
   Blanca Theme Stylesheet
*/

	@media (max-width: 1024px) {

		.container { width: 80%; }
		.column { width: 100% !important; margin-bottom: 25px; }
		.column:last-child { margin-bottom: 0; }

		.blog-meta .social-icons {
			text-align: left;
		}

		.blog-meta .social-icons a:first-child {
			padding-left: 0px;
		}

		.project-info-right {
			padding-left: 0;
		}

	}

	@media (max-width: 960px) {

		.hero-container {
			width: 70%;
			padding: 50px 25px;
		}

		.parallax { background-position: center center; }

	}

	@media (max-width: 768px) {
		.footer-nav nav ul li {
			width: 100%;
		}
		
	}

	@media (max-width: 560px) {

		.hero-container {
			width: 90%;
			padding: 50px 25px;
			outline-offset: 4px;
		}
		
		img.alignleft {
			margin:0;
			width: 100%;
			margin-bottom: 20px;
		}
		
		img.alignright {
			margin:0;
			width: 100%;
			margin-bottom: 20px;
		}
		
		img.aligncenter {
			clear:both;
			margin-bottom:20px
		}

	}

	@media (max-width: 320px) {

		.container { width: 80%; }

		.filters li {
			display: block;
			position: relative;
			margin-top: 5px;
		}

		.filters li:first-child { margin-top: 0; }

		.filters li a {
			display: block;
			padding: 10px 0;
			background: #F1F1F1;
		}

		.hero-title { font-size: 1.4em; }

		.blog .entry .blog-meta > div { width: 100%; }
		.blog .entry .blog-meta .social-icons {
			border-right: 0;
			border-left: 0;
			border-top: 1px solid rgba(0, 0, 0, 0.1);
			border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		}
	}
	
	/* Table styles */
	@media
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {

		table, thead, tbody, th, td, tr {
			display: block;
		}

		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		tr { border: 1px solid #ccc; }

		td {
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
		}

		td:before {
			position: absolute;
			top: 6px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}

	}