body {
            min-width: 320px;
    }

    section.blog.cover .background {
		height: 445px;
	}

	.background.fill {
		background-position: center;
	}

	header.header .logo {
		margin-top: -10px;
	}	

	section.blog.cover header {
		height: 384px;
		padding-top: 165px;
	}

	section.blog.cover header .text,
	section.blog.cover header .devider {
		opacity: 0.5;
	}	

	section.blog article.post {
            margin: 0 2% 1%;
	}

	section.blog.cover header .devider {
		background-image: url(../images/misc/devider-light.png);
	}
        
        section.blog article.post .entry-header .entry-category {
                top: 207px;
        }

	section.blog.cover header .title, section.blog.cover header .text {
		color: #ffffff;
	}

	section.blog .posts {
		margin-top: 140px;
	}

	.force-hide {
		display: none;
		visibility: hidden;
		opacity: 0;
	}

	section.portfolio .grid .row .file {
		height: 400px;
	}

	.footer {
		text-align: center;
	}

	section.contact p {
		font-size: 18px;
	}

	section.contact .social-links.row {
		margin-bottom: 0;
	}

	section.contact .social-links ul li {
		float: left;
	}

	section.contact .social-links ul li a.button {
		margin-top: 0;
		margin-right: 2em;
	}

	section.portfolio.filterbar .filter ul > li a {
	    color: #fff;
		cursor: pointer;
		font-family: "Montserrat";
		font-size: 11px;
		font-weight: 400;
		letter-spacing: 0.1em;
		text-transform: uppercase;
	}

	section.portfolio.filterbar .filter ul > li.selected a {	
		cursor: default;
		font-weight: 400;
		color: #ffffff;
		-webkit-transition: color 1s ease-out 0s;
		-moz-transition: color 1s ease-out 0s;
		-ms-transition: color 1s ease-out 0s;
		-o-transition: color 1s ease-out 0s;
		transition: color 1s ease-out 0s;
	}

	section.portfolio.filterbar .filter ul > li.selected a.selected:hover {
		opacity: 0.5;
	}

	footer.footer .container.light {
	    background: rgba(0,0,0,0.75);
	}

	footer.footer .container.dark {
	    background: rgba(0,0,0,0.78);
	}

	footer.footer .container.dark h6 {
		line-height: 84px;
		color: #afafaf;
		font-size: 20px;
	}

	footer.footer h4 {
	    margin: 30px 0 14px;
	    font-family: "Montserrat", sans-serif;
	    font-size: 20px;
	}

	footer.footer h4 + p > a {
	    color: #ffffff;
	    font-size: 24px;
	    font-family: "Montserrat", sans-serif;
	    margin-bottom: 30px
	}

	footer.footer .social-links.row ul {
		margin: 40px auto 30px;
		display: inline-block;
	}

	footer.footer .social-links.row ul li {
		float: left;
		margin: 0 15px;
	}

	footer.footer .container .one-half.column:hover {
		background: rgba(255,255,255,0.03);
	}

	.entry-content img {
		max-width: 100%;
	}
        
        
        .container.white {
            background-color: #FFF;
        }

        .footer-menu {
            float:right;
            position:relative;
            left:-50%;
            text-align:left;
        }

        .container.white .footer-menu ul {
            list-style:none;
            position:relative;
            left:50%;
            margin: 7px 0 0;
        }

        .container.white .footer-menu ul li {
            float: left;
            position:relative;
            margin-bottom: 0;
        }

        .container.white .footer-menu ul li:after {
            content: " \00b7";
            font-size: 24px;
            color: rgba(0,0,0,.78);
            margin: 0 16px 0 10px; 
        }

        .container.white .footer-menu ul li:last-child:after { color: #FFF; }

        .container.white .footer-menu ul li a h2 {
            color: rgba(0,0,0,0.78);
            line-height: 46px;
            font-size: 24px;
        }

@media only screen and (max-width: 1239px) {
        article.post {
		max-width: 100%;
		min-width: 280px;
	}
}
        
@media only screen and (max-width: 958px) {
	footer.footer .row {
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 767px) {
	section.page .cover {
	    display: block;
	    max-height: 360px;
	    margin-bottom: 0;
	}

	.container .one-half.column {
		width: 100%;
	}

	footer.footer .container .one-half.column {
		margin-bottom: 0;
	}

	footer.footer .container .one-half.column:hover {
		background: none;
	}

	footer.footer .container .one-half.column:first-child a {
		margin-bottom: 0;
	}
                
        footer.footer .container .one-half.column p a {
            font-size: 20px;
        }
        
        footer.footer .container .one-half.column h4, footer.footer .container.dark h6 {
		font-size: 18px;
	}

	section.portfolio .grid .row .file {
		height: 360px;
	}

	.frame.row {
		margin-bottom: 10px;
	}

	div.work-preview .head {
		margin-top: 10px;
	}

	section.blog article.post .entry-header .entry-category {
                top: 57%;
        }
        
        .footer-menu {
            float: none;
            position: static;
            text-align: center;
        }

        .container.white .footer-menu ul {
            list-style:none;
            position:static;
            left:50%;
            padding: 16px 0 10px;
        }
        
        .container.white .footer-menu ul li {
            float: none;
            width: 100%;
            text-align: center;
            position: static;
        }

        .container.white .footer-menu ul li:after {
            content: "";
            margin: 0;
        }
        
        .container.white .footer-menu ul li a h2 {
        }
        
        section.portfolio.cover .filter {
            margin-bottom: 40px;
        }
}


header.header .menu .select {
	    top: -9px;
}

span.menu-text {
    color: #fff;
    font-size: 18px;
    margin-left: 26px;
}

.menu.dark span.menu-text {
	color: #000;
}

.header.active span.menu-text {
    color: #fff;
}

header.header .menu {
    right: 60px;
}

/* Masonry grid layout */
.images-grid .column { float: left; margin: 0 !important; }
.column.size-1of2 { width: 50%; }
.column.size-1of3 { width: 33.33333%; }
.column.size-1of4 { width: 25%; }

.images-grid .grid-item {
    line-height: 0;
}

.images-grid .grid-item, .images-grid .grid-container {
    display: none;
}

.images-grid .grid-item.active, .images-grid .grid-container.active {
    display: block;
}

.images-grid img {
    max-width: 100%;
    cursor: pointer;
    padding: 10px;
    line-height: 0;
}


a[class^="PIN_"] {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    background-color: none;
}