#top { background-color: #FFF; }
#header { background-position: center; background-size: cover; background-repeat: no-repeat; height: 35vh; }
#header>div { height: 35vh; background: url("/images/transparent-black.png"); }
#header>div>div { height: 35vh; position: relative; }
#header .center { position: absolute; top: 30%; left: 0px; transform: translateY(-50%); }
#header h1 { color: #FFF!important; text-transform: uppercase; letter-spacing: -3px; }
.gallery-item { display: block; margin: 10px 0px; }
figcaption { text-shadow: 0px 0px 2px #000; }
figcaption p { font-size: 14px!important; }
.grid figure { cursor: default!important; }
.grid figcaption { text-shadow: 0px 0px 3px #666666!important; }
.our_works_link { background-color: #EEE; }
.our_works_link .description { display: none; }
.our_works_link a { cursor: pointer!important; }
.our_works_link a:hover { text-decoration: none; cursor: default!important; }
.our_works_link .image img { transition: .3s ease-out; width: 100%; height: auto; }

.our_works_link .image { width: 100%; height: 360px; overflow: hidden; position: relative; }
.our_works_link .image img { width: 100%; height: auto; position: absolute; top: 50%; transform: translateY(-50%); }
.recent_blog_list li { list-style: square; }
.blog-list { margin-bottom: 30px; }
@media only screen and (max-width: 991px) {

}

@media only screen and (min-width: 992px) {

}

@media only screen and (max-width: 767px) {
	.our_works_link .text-container { padding: 15px; }
}

@media only screen and (min-width: 768px) {
	.our_works_link { width: 46%; margin: 0px 2% 40px 2%; float: left; }
	.our_works_link .text-container { padding: 30px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.our_works_link .text { text-align: left; padding-bottom: 50px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.our_works_link .text { text-align: left; height: 252px; }
}

@media only screen and (min-width: 1200px) {
	.our_works_link .text { text-align: left; height: 196px; }
}