/* Main */ 
body {font-size: 18px; color: #3d3d3d; overflow-x: hidden;}

a, a.dark {color: #000; text-decoration: none; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
a:hover, a:focus {color: #c5a95e; text-decoration: none; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
a:focus, .btn:focus {outline: none;}

img {vertical-align: middle; border: 0;}

/* Type */ 
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li {font-family: 'Museo-100', sans-serif;}

/* Common */ 
.light-overlay {background: rgba(255, 255, 255, 0.5); padding: 50px 0;}
.add-padding {padding-top: 120px; padding-bottom: 120px;}
.padding-bottom {padding-bottom: 50px;}
.no-padding {padding: 0 !important; margin: 0 !important;}
.clear {clear: both;}

/* Auto Complete*/
.ui-helper-hidden-accessible {position: absolute; left:-999em;}
.ui-autocomplete-category {font-weight: bold; padding:.2em .4em; margin:.8em 0 .2em; line-height: 1.5;}
.ui-autocomplete {max-height: 300px; overflow-y: auto; overflow-x: hidden;}

/* Menu */ 
#main-nav {background: #000; box-shadow: 0 0 0px transparent; -webkit-transition: background 0.3s ease-out; transition: background 0.3s ease-out;}
#main-nav .container {padding: 40px 100px; width: 100%; -webkit-transition: padding 0.5s ease-out; transition: padding 0.5s ease-out;}
#main-nav .navbar-brand {padding: 0; height: 100%;}
#main-nav .navbar-brand img {max-width: 295px; display: inline-block;}
#main-nav li {background: transparent; margin: 0 10px;}
#main-nav.scrolled {background: #000; height: 90px;}
#main-nav.scrolled .container {padding: 12px 80px;}
#main-nav.scrolled .nav a, #main-nav.scrolled .nav a:active, #main-nav.scrolled .nav a:hover {color: #c5a95e; font-family: 'Museo-100', sans-serif;}
#main-nav.scrolled .nav li.active a, #main-nav.scrolled .nav a:hover {color: #fff;}

#site-nav {margin-top: 24px;}
#site-nav .nav a {padding: 0px 10px; font-size: 16px; color: #000; background: transparent; text-transform: uppercase; font-family: 'Museo-500', sans-serif;}
#site-nav .nav a:active, #site-nav .nav a:hover {color: #c5a95e;}


#site-nav .dropdown-menu {box-shadow: none; border: 0; background-color: #222; margin-top: 34px; border-radius: 0;}
#site-nav .dropdown-menu li {padding: 10px; margin: 0; border-bottom: 1px solid #2a2a2a;}
#site-nav .dropdown-menu li:last-child {border-bottom: 0;}

@media only screen and (max-width: 768px) {
    #site-nav .dropdown-menu {margin-top: 0; background-color: #333;}
}

/* Header */ 
#home {color: #000; max-width: 100%; position: relative; background: url('../images/header.jpg') no-repeat right top; background-size: cover; height: 100vh; z-index: 0;}
#home .container {width: 100% !important; padding: 280px 60px 0;}
#home video {-webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1;}  
#home .hero-heading {text-align: right; display: inline-block;}
#home .hero-heading h1 {margin: 0; font-size: 72px; line-height: 70px; text-transform: uppercase; font-family: 'Museo-700', sans-serif;}
#home .hero-heading h1 span {font-size: 100px; color: #c5a95e; text-shadow: none; font-family: 'Museo-300', sans-serif;}
#home .hero-heading h2 {margin: -2px 0 0; font-size: 42px; text-transform: uppercase; font-family: 'Museo-100', sans-serif;}
#home .hero-search {display: inline-block; margin-left: 5px;}

/* Property Search Tabs */
#search-tab-wrapper {width: 650px; border-style: solid; border-color: #000; border-width: 0 0 1px 1px;}
.search-box {border-bottom: 1px solid #232323; border-left: 1px solid #232323; border-right: 1px solid #232323; width: 650px;}
.btn-search {background: none; color: #000; border-top: 1px solid #000; border-right: 1px solid #000; border-radius: 0px; text-transform: uppercase; font-size: 13px; width: 25%; padding: 6px 0px !important; float: left;}
.btn-search:hover, .btn-search:active, .btn-search:focus, .btn-search.selected {background: #c5a95e; color: #000;}
#search-tab-wrapper div:nth-child(5) .btn-search {border-right: 0;}


/* Property / Agent Search */
#home .prop-search {height: 65px; font-size: 16px; padding-left: 20px; border-radius: 0px; background: none; color: #000; border: 0;}
#home .prop-search:focus {outline: 0px !important; -webkit-appearance:none; box-shadow: none;}
#home .prop-search-button {height: 65px; width: 65px; color: #3d3d3d; background: #c5a95e; transition: all ease .5s; z-index: 3; border-radius: 0px; border-style: solid; border-color: #000; border-width: 0 0 0 1px;}
#home .prop-search-button:hover {background: #c5a95e;}

/* Office Search */
.search-dropdown {height: 65px; font-size: 16px; padding-left: 20px; border-radius: 0px; background: none; color: #000; border-style: solid; border-color: #000; border-width: 0 0 0 0; border-radius: 0px; float: left;}
#mls-search {display: block;}
#office-search, #agent-search {display: none;}
#office-search .input-group-btn {width: auto;}
#search-tab-wrapper .row, #mls-search .row, #office-search .row, #agent-search .row, .search-order-placeholder .row {margin: 0;}
#s-state-container {background: transparent url("../images/select-arrow.png") no-repeat scroll right center; height: 65px; margin: 0; padding: 0; overflow: hidden; width: 200px; float: left; border-style: solid; border-color: #000; border-width: 0 1px 0 0;}
#s-city-container {background: transparent url("../images/select-arrow.png") no-repeat scroll right center; height: 65px; margin: 0; padding: 0; overflow: hidden; width: 380px; float: left; border-style: solid; border-color: #000; border-width: 0 0 0 0;}
#s_state {width: 250px;}
#s_city {width: 435px;}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

/* Grid */ 
.grid {margin: 0 auto; max-width: 100%; position: relative; cursor: pointer;}
.grid figure {cursor: pointer; float: left; overflow: hidden; position: relative; width: 100%; background: #c5a95e;}
.grid figure img {display: block; max-width: 100%; min-height: 100%; opacity: 1; position: relative; backface-visibility: hidden; max-width: none; transform: translate3d(-10px, 0px, 0px); transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; width: calc(100% + 20px);}
.grid figure:hover img {opacity: 0.7; transform: translate3d(0px, 0px, 0px); cursor: pointer;}
.grid figure figcaption {backface-visibility: hidden; color: #fff; padding: 50px; text-transform: uppercase; text-align: left;}
.grid figure figcaption::before, .grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption, .grid figure figcaption > a {height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.grid figure figcaption > a {font-size: 0; opacity: 0; text-indent: 200%; white-space: nowrap; z-index: 1000;}
.grid figure h2 {margin: 0px; font-family: 'Museo-700', sans-serif; text-transform: uppercase; font-size: 56px; line-height: 36px; color: #000; overflow: hidden; padding: 0.5em 0; position: relative;}
.grid figure .light {color: #fff;}
.grid figure h2 span {font-size: 66px; color: #c5a95e; font-family: 'Museo-300', sans-serif;}
.grid figure h2 small {font-size: 30px; color: #000; margin-left: 30px; font-family: 'Museo-100', sans-serif;}

figure#coolture-bg {background: url('http://854d8393c783e6074fce-83f7a0b78298108c0c5df0228d264a46.r6.cf2.rackcdn.com/bg-culture.jpg') center center no-repeat; background-size: cover; height: 800px;}
figure#buying-bg {background: url('http://854d8393c783e6074fce-83f7a0b78298108c0c5df0228d264a46.r6.cf2.rackcdn.com/bg-buying.jpg') right center no-repeat; background-size: cover; height: 800px;}
figure#selling-bg {background: url('http://854d8393c783e6074fce-83f7a0b78298108c0c5df0228d264a46.r6.cf2.rackcdn.com/bg-selling.jpg') left top no-repeat; background-size: cover; height: 800px;}





/* Cinemagraphs */
.project-video {
    height: 550px; 
    padding: 50px; 
    position: relative;
    }

.project-video h2 {
    margin-top: 20px; 
    font-family: 'Museo-700', sans-serif; 
    text-transform: uppercase; 
    font-size: 56px; 
    line-height: 36px; 
    color: #fff;
    }

.project-video h2 span {
    font-size: 66px; 
    color: #c5a95e; 
    font-family: 'Museo-300', sans-serif;
    }

.project-video h2 small {
    font-size: 30px; 
    color: #fff; 
    font-family: 'Museo-100', sans-serif; 
    margin-left: 30px;
    }

.project-video.vid-overlay {
    background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 9%, rgba(0,0,0,0) 42%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(9%,rgba(0,0,0,0.65)), color-stop(42%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 9%,rgba(0,0,0,0) 42%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 9%,rgba(0,0,0,0) 42%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 9%,rgba(0,0,0,0) 42%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 9%,rgba(0,0,0,0) 42%,rgba(0,0,0,0) 100%); /* W3C */
    }

.vid-bg-1, 
.vid-bg-2, 
.vid-bg-3 {
    position: absolute; 
    z-index: -1; 
    top: 0px; 
    left: 0px; 
    bottom: 0px; 
    right: 0px; 
    overflow: hidden; 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center center;
    }

.vid-bg-1 {background-image: url('http://854d8393c783e6074fce-83f7a0b78298108c0c5df0228d264a46.r6.cf2.rackcdn.com/bg-careers.jpg');}
.vid-bg-2 {background-image: url('http://854d8393c783e6074fce-83f7a0b78298108c0c5df0228d264a46.r6.cf2.rackcdn.com/bg-cares.jpg');}
.vid-bg-3 {background-image: url('http://854d8393c783e6074fce-83f7a0b78298108c0c5df0228d264a46.r6.cf2.rackcdn.com/bg-news.jpg');}


/* Twitter */ 
#twitter .container {width: 100%;}
#twitter, #twitter2, #twitter3 {color: #c5a95e; background: #fff; padding-top: 120px; padding-bottom: 110px; text-align: center;}
#twitter a:hover, #twitter a:active, #twitter a:focus, #twitter2 a:hover, #twitter2 a:active, #twitter2 a:focus, #twitter3 a:hover, #twitter3 a:active, #twitter3 a:focus {text-decoration: none;}
#twitter a, #twitter2 a, #twitter3 a {color: #232323; text-decoration: none; transition: color .2s ease-out; font-family: 'Museo-100', sans-serif;}
#twitter a:hover, #twitter a:focus, #twitter2 a:hover, #twitter2 a:focus, #twitter3 a:hover, #twitter3 a:focus {color: #c5a95e;}
#twitter h1, #twitter2 h1, #twitter3 h1 {position: relative; font-size: 26px; margin-bottom: 30px;} 

#twitter .tcol, #twitter .tcol, #twitter .tcol {padding: 0 40px;}
#twitter .tcol:nth-child(2) {border-left: 1px solid #f4eee0; border-right: 1px solid #f4eee0;}

#twitter-slider ul, #twitter-slider2 ul, #twitter-slider3 ul {margin: 0; padding: 0; list-style: none;}

#twitter .tweet, #twitter2 .tweet, #twitter3 .tweet {font-size: 16px; line-height: 24px; margin-bottom: 35px;}
#twitter .timePosted, #twitter2 .timePosted, #twitter3 .timePosted {display: inline-block; font-size: 14px; font-family: 'Museo-100', sans-serif;}
#twitter .interact {margin-left: 20px; padding-right: 80px; display: inline-block; font-size: 21px;}
#twitter .interact a {margin-right: 6px;}
#twitter .interact a:hover {color: #c5a95e; transition: color .2s ease-out;}
#twitter .twitter-icon {padding-top: 6px; text-align: center;}
#twitter .fa-twitter {font-size: 60px;}
#twitter-slider, #twitter-slider2, #twitter-slider3 {border: none; box-shadow: none; background: transparent; margin: 0; padding: 0;}
#twitter-slider .flex-direction-nav, #twitter-slider p.interact, #twitter-slider2 .flex-direction-nav, #twitter-slider2 p.interact, #twitter-slider3 .flex-direction-nav, #twitter-slider3 p.interact {display: none;}
#twitter-slider .flex-direction-nav li, #twitter-slider2 .flex-direction-nav li, #twitter-slider3 .flex-direction-nav li {display: inline;}

#twitter .flex-direction-nav .flex-prev,
#twitter .flex-direction-nav .flex-next,
#twitter2 .flex-direction-nav .flex-prev,
#twitter2 .flex-direction-nav .flex-next,
#twitter3 .flex-direction-nav .flex-prev,
#twitter3 .flex-direction-nav .flex-next {
    background: transparent; 
    background-image: none; 
    display: inline; opacity: 0.6; 
    text-indent: 0; 
    position: relative; 
    left: 0; 
    top: 0; 
    width: auto; 
    height: 42px; 
    padding: 0; 
    margin: 0 0 0 7px; 
    font-size: 42px; 
    line-height: 42px; 
    color: #000; 
    -webkit-transition: opacity .2s ease-out; 
    transition: opacity .2s ease-out;
    }

#twitter-slider .flex-direction-nav a:hover, 
#twitter-slider2 .flex-direction-nav a:hover, 
#twitter-slider3 .flex-direction-nav a:hover {
    opacity: 1;
    }

#twitter-slider .flex-direction-nav a:hover,
#twitter-slider2 .flex-direction-nav a:active, 
#twitter-slider3 .flex-direction-nav a:focus,
#twitter-slider .flex-direction-nav a:hover, 
#twitter-slider2 .flex-direction-nav a:active, 
#twitter-slider3 .flex-direction-nav a:focus,
#twitter-slider .flex-direction-nav a:hover, 
#twitter-slider2 .flex-direction-nav a:active, 
#twitter-slider3 .flex-direction-nav a:focus {
    text-decoration: none;
    }


/* Button Styles */ 
.btn-primary {color: #fff; background: #c5a95e; border: 0; border-radius: 0px; font-size: 14px; font-family: 'Museo-700', sans-serif; text-transform: uppercase; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {color: #fff; background: #000; box-shadow: none;}


/* Footer */ 
footer {background: #232323; text-align: left;}
footer .container {width: 100%; padding: 100px 60px;}
footer .container .footer-column h2 {text-transform: uppercase; color: #c5a95e; margin-top: 0px; margin-bottom: 15px; font-size: 22px; font-family: 'Museo-300', sans-serif;}
footer .container .footer-column h2 a {color: #c5a95e;}
footer .container .footer-column h2.second {margin-top: 20px;}
footer .container .footer-column p {font-size: 14px; line-height: 30px; color: #999; font-family: 'Museo-100', sans-serif;}
footer .container .footer-column ul {margin: 0; padding: 0; list-style-type: none;}
footer .container .footer-column ul li {font-size: 14px; line-height: 16px; padding-bottom: 16px; color: #a9a9a9; font-family: 'Museo-100', sans-serif;}
footer .container .footer-column ul li:last-child {padding-bottom: 0px;}
footer .container .footer-column a {color: #999;}
footer .container .footer-column a:hover, .footer-column a:active {color: #fff; text-decoration: none;}

footer .container.anchor {background: #000; padding: 20px 60px;}
footer .container .fa-lg, footer .container.anchor .fa-lg {font-size: 1em;}
footer .container.anchor .footer-column p {padding-top: 2px; margin-bottom: 0; color: #545454;}
footer .container.anchor .footer-column a {color: #545454;}
footer .container.anchor .footer-column a:hover {color: #fff;}
footer .container.anchor .footer-column.social {text-align: right;}
footer .container.anchor br {display: none;}


/* Social Links */ 
a.facebook, a.twitter, a.gplus, a.instagram, a.pinterest, a.rss {color: #c5a95e !important;}
a.facebook:hover {color: #3B5998 !important;}
a.twitter:hover {color: #00ACED !important;}
a.gplus:hover {color: #E04006 !important;}
a.pinterest:hover {color: #CB2026 !important;}
a.rss:hover {color: #FD9F13 !important;}
a.instagram:hover {color: #3f729b !important;}

a.facebook .fa-inverse, a.twitter .fa-inverse, a.gplus .fa-inverse, a.instagram .fa-inverse, a.pinterest .fa-inverse, a.rss .fa-inverse {color: #000 !important;}
a.facebook .fa-inverse:hover, a.twitter .fa-inverse:hover, a.gplus .fa-inverse:hover, a.instagram .fa-inverse:hover, a.pinterest .fa-inverse:hover, a.rss .fa-inverse:hover {color: #fff !important;}


/* IOS Video Play Button Fix */
video::-webkit-media-controls {display:none !important;}

@media (max-width: 1600px) { .project-video {height: 450px; padding: 50px; position: relative;} }


/* Media Queries */ 
@media only screen and (max-width: 1200px) {

    body {overflow-x: hidden !important;}

    #main-nav.scrolled .container {padding: 12px 40px;}
    #site-nav .nav a {padding: 0;}

    /* Grid */
    .grid figure h2, .project-video h2 {font-size: 46px; line-height: 26px;}
    .grid figure h2 span, .project-video h2 span {font-size: 58px;}
    .grid figure h2 small, .project-video h2 small {font-size: 24px; margin-left: 26px;}

    .grid figure figcaption, .project-video {padding: 40px;}
    .project-video {height: 400px;}


    /* Footer */
    footer .container {padding: 40px 20px;}
    footer .container.anchor {padding: 20px 20px;}

    }

@media only screen and (max-width: 992px) {
    
    body {overflow-x: hidden !important;}

    #home .hero-heading {text-align: left; margin-left: -60px; margin-bottom: 30px;}
    #home .hero-heading h1 {font-size: 60px; line-height: 60px;}
    #home .hero-heading h1 span {font-size: 72px;}
    #home .hero-heading h2 {font-size: 32px; font-family: 'Museo-100', sans-serif; margin-left: 30px;}

    /* Navigation */
    .navbar-header {float: none;}
    .navbar-collapse.collapse {display: none !important;}
    .navbar-collapse.collapse.in {display: block !important;}
    .navbar-nav {float: none !important; margin: 7.5px -15px;}
    .navbar-nav > li {float: none;}
    .navbar-nav > li > a {padding-top: 10px; padding-bottom: 10px;}

    #main-nav {background: #000; box-shadow: 0 0 10px rgba(0,0,0,0.4); height: 92px;}
    #main-nav.scrolled {height: 65px;}
    #main-nav .navbar-toggle, #main-nav.scrolled .navbar-toggle {margin-top: 8px; margin-right: 0; display: block !important;}
    #main-nav .navbar-toggle .icon-bar {width: 40px; height: 2px; margin-top: 2px; background: #c5a95e;}
    #main-nav .navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}
    #main-nav .navbar-brand, #main-nav .navbar-brand:hover, #main-nav .navbar-brand:active, #main-nav .navbar-brand:focus {padding: 6px 0 0 10px;}
    #main-nav .container, #main-nav.scrolled .container {padding: 5px 20px;}
    #main-nav .navbar-brand img {display: inline-block; max-width: 275px;}

    #site-nav {background: #222; margin: 4px 0 0; border: 0; box-shadow: 0; max-height: 100%;}
    #site-nav ul {margin: 0;}
    #site-nav li {margin: 8px; border-bottom: 1px solid #161616;}
    #site-nav li:last-child {border-bottom: 0;}
    #site-nav .nav a {line-height: 42px; text-align: center; color: #000;}
    #site-nav .nav a:hover, #main-nav .nav a:active {color: #d0c492;}
    #site-nav .nav li.active a {text-align: center;}
    #main-nav .navbar-brand img {margin-right: 0px; max-width: 185px; margin-left: -5px;}

    /* Header */
    #home .container {padding: 200px 60px 0;}
    #home .container .hero-heading {margin-bottom: 30px;}

    /* Cinemagraphs */
    .project-video {height: 800px;}

    /* Footer */
    footer .container {width: 100%; padding: 60px 60px 30px;}
    footer .container .footer-column {padding: 0 0 40px;}
    footer .container .footer-column h2.second {margin-top: 40px;}
    footer .container .footer-column br {display: none}
    footer .container.anchor .footer-column {padding-bottom: 0px;}
    .footer-min-height {min-height: 280px;}

    }

@media only screen and (max-width: 768px) {

    body {overflow-x: hidden !important;}

    #home .container {width: 100% !important; padding: 150px 60px 0;}
    #home .hero-heading {text-align: left; margin-left: -60px; margin-bottom: 30px;}
    #home .hero-heading h1 {font-size: 60px; line-height: 60px;}
    #home .hero-heading h1 span {font-size: 72px;}
    #home .hero-heading h2 {font-size: 32px; font-family: 'Museo-100', sans-serif; margin-left: 30px;}

    /* Search Tabs */
    .hero-search {margin-left: 0; width: 100%;}
    #search-tab-wrapper {border: 0; width: 100%;}
    .search-box {border: 0; width: 100%;}
    .input-group {border: 1px solid #000;}
    .btn-search {border: 1px solid #000 !important; width: 100%; float: none; margin-bottom: 10px;}

    #s-state-container {width: 40%; border: 1px solid #000; height: 67px; margin-bottom: 10px; background-color: rgba(255, 255, 255, .5);}
    #s-city-container {width: 60%; border-style: solid; border-color: #000; border-width: 1px 1px 1px 0; height: 67px; margin-bottom: 10px; background-color: rgba(255, 255, 255, .5)}
    #s_state, #s_city {width: 140%;}
    .search-dropdown {padding-left: 10px;}
    #office-search .input-group-btn {border-style: solid; border-color: #000; border-width: 1px 1px 1px 0; width: 100%;}
    #office-search .prop-search-button {width: 100%; height: 40px;}

    /* Main Grid */
    figure#coolture-bg {background: url('http://854d8393c783e6074fce-83f7a0b78298108c0c5df0228d264a46.r6.cf2.rackcdn.com/bg-culture.jpg') center center no-repeat; background-size: cover; height: 800px;}
    figure#buying-bg {background: url('http://854d8393c783e6074fce-83f7a0b78298108c0c5df0228d264a46.r6.cf2.rackcdn.com/bg-buying.jpg') right center; background-size: cover; height: 800px;}
    figure#selling-bg {background: url('http://854d8393c783e6074fce-83f7a0b78298108c0c5df0228d264a46.r6.cf2.rackcdn.com/bg-selling.jpg') left center; background-size: cover; height: 800px;}

    /* Cinnemagraphs */
    .project-video {height: 400px;}
    .vid-bg-2 {background-position: center 80%;}

    .grid figure h2, .project-video h2 {font-size: 34px; line-height: 26px;}
    .grid figure h2 span, .project-video h2 span {font-size: 42px;}
    .grid figure h2 small, .project-video h2 small {font-size: 20px; margin-left: 16px;}

    /* Twitter */
    #twitter {padding: 80px 50px 100px;}
    #twitter .tweet {font-size: 16px;}
    #twitter .timePosted {font-size: 14px;}
    #twitter-slider .flex-direction-nav {display: none;}
    #twitter p.interact {display: none;}
    #twitter .tcol:nth-child(2) {border: none;}

    /* Footer */
    footer .container {width: 100%; padding: 60px 39px;}
    footer .container .footer-column br {display: block;}
    footer .container .footer-column:last-child {padding-bottom: 0;}
    footer .container .footer-column {text-align: center;}
    footer .container .footer-column h2 {margin-bottom: 0px; line-height: 10px;}
    footer .container.anchor br {display: block;}
    footer .container .footer-min-height {min-height: 0;}

    }

@media only screen and (max-width: 480px) {

    body {overflow-x: hidden !important;}
    #home .container {width: 100% !important; padding: 150px 60px 0;}

    #home .hero-heading {margin-left: -16px; margin-bottom: 30px;}
    #home .hero-heading h1 {font-size: 42px; line-height: 42px;}
    #home .hero-heading h1 span {font-size: 50px;}
    #home .hero-heading h2 {font-size: 32px; font-family: 'Museo-100', sans-serif; margin-left: 20px;}

    /* Main Grid */
    figure#coolture-bg {background: url('http://854d8393c783e6074fce-83f7a0b78298108c0c5df0228d264a46.r6.cf2.rackcdn.com/bg-culture.jpg') center center no-repeat; background-size: cover; height: 400px;}
    figure#buying-bg {background: url('http://854d8393c783e6074fce-83f7a0b78298108c0c5df0228d264a46.r6.cf2.rackcdn.com/bg-buying.jpg') right center; background-size: cover; height: 400px;}
    figure#selling-bg {background: url('http://854d8393c783e6074fce-83f7a0b78298108c0c5df0228d264a46.r6.cf2.rackcdn.com/bg-selling.jpg') left center; background-size: cover; height: 400px;}

    .grid figure figcaption, .project-video {padding: 20px;}

    /* Twitter */
    #twitter {padding: 40px 20px;}

    }











/* iPad/Tablet Portrait & Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    body {overflow-x: hidden !important;}

    #home {height: 1000px;}
    #home .container {width: 100% !important; padding: 200px 60px 0;}
    #home .hero-heading h1 {font-size: 60px; line-height: 60px;}
    #home .hero-heading h1 span {font-size: 72px;}
    #home .hero-heading h2 {font-size: 32px; font-family: 'Museo-100', sans-serif;}

    #search-tab-wrapper, .search-box {width: 100%;}
    #search-tab-wrapper .btn-search {margin-bottom: -1px;}


    figure#coolture-bg {background: url('http://854d8393c783e6074fce-83f7a0b78298108c0c5df0228d264a46.r6.cf2.rackcdn.com/bg-culture.jpg') center center no-repeat; background-size: cover; height: 950px;}
    figure#buying-bg {background: url('http://854d8393c783e6074fce-83f7a0b78298108c0c5df0228d264a46.r6.cf2.rackcdn.com/bg-buying.jpg') right center; background-size: 150% 100%; height: 950px;}
    figure#selling-bg {background: url('http://854d8393c783e6074fce-83f7a0b78298108c0c5df0228d264a46.r6.cf2.rackcdn.com/bg-selling.jpg') -40px 0; background-size: 185% 100%; height: 950px;}
    
    .project-video {height: 500px;}

    .grid figure h2, .project-video h2 {font-size: 42px; line-height: 28px;}
    .grid figure h2 span, .project-video h2 span {font-size: 52px;}
    .grid figure h2 small, .project-video h2 small {font-size: 26px; margin-left: 25px;}
    #search-tab-wrapper > div > div .btn-search {border-style: solid; border-color: #000; border-width: 1px 0 1px 1px;}

    #twitter {padding: 80px 50px 100px;}
    #twitter-slider {margin-top: 20px;}
    #twitter .tweet {font-size: 18px; line-height: 24px;}
    #twitter .tcol:nth-child(2) {border: none;}

    /* Footer */
    footer .container.anchor {padding: 40px 20px !important;}
    footer .container.anchor .footer-column {padding-bottom: 0px !important;}
    footer .container .footer-column {text-align: left;}
    .footer-min-height {min-height: 280px;}

    }

/* iPhone 6 Portrait and Landscape */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
    body {overflow-x: hidden !important;}

    #home {height: 800px;}
    #home .container {padding: 120px 60px 0;}
    #home .hero-heading {text-align: left; margin-left: -16px; margin-bottom: 30px;}
    #home .hero-heading h1 {font-size: 46px; line-height: 48px;}
    #home .hero-heading h1 span {font-size: 58px;}
    #home .hero-heading h2 {font-size: 26px; font-family: 'Museo-100', sans-serif; margin-left: 26px;}

    #home .prop-search {background: rgba(255,255,255,.4);}

    figure#coolture-bg {background: url('http://854d8393c783e6074fce-83f7a0b78298108c0c5df0228d264a46.r6.cf2.rackcdn.com/bg-culture-small.jpg') center center no-repeat; background-size: cover; height: 570px;}
    figure#buying-bg {background: url('http://854d8393c783e6074fce-83f7a0b78298108c0c5df0228d264a46.r6.cf2.rackcdn.com/bg-buying.jpg') right center; background-size: cover; height: 570px;}
    figure#selling-bg {background: url('http://854d8393c783e6074fce-83f7a0b78298108c0c5df0228d264a46.r6.cf2.rackcdn.com/bg-selling.jpg') -40px top; background-size: 220% 100%; height: 570px;}

    .grid figure figcaption {padding: 40px;}

    .grid figure h2 {font-size: 38px; line-height: 28px;}
    .grid figure h2 span {font-size: 46px;}
    .grid figure h2 small {font-size: 22px; margin-left: 22px;}

    .project-video {height: 400px; padding: 40px;}
    }