/* Custom CSS */
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #262624;
	font-family: 'LFT Etica', 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: normal;
	padding: 0;
	text-transform: uppercase;
}

h2 {
	font-size: 2.5em;
	letter-spacing: 2px;
	font-weight: 900;
	line-height: 1.375;
	margin: 0 0 1.5em 0;
}

h3 {
  color: #262624;
  font-family: 'LFT Etica', 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: normal;
  padding: 0;
  text-transform: uppercase;
  font-weight: 700!Important;
}

.home-intro {
font-family: 'Clavo', 'serif';
}

h1 {
  color: #262624;
  font-family: 'LFT Etica', 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: 700;
  padding: 0;
  text-transform: uppercase;
}

.page-intro {
  clear: left;
  margin-bottom: 70px;
  margin-bottom: 1em;
  padding-bottom: 100px;
  padding-bottom: 2em;
  padding-top: 90px;
  padding-top: 2em;
}

.zilla-social {
  display: block;
  margin-left: 30%;
  margin-right: 20%;
}

.page-intro h1 {
  margin-bottom: 10px;
  margin-bottom: 1rem;
  letter-spacing: 0.05em;
}

body {
font-family: 'Clavo', Georgia, serif;
}

.single .entry-content {
    float: none;
    width: 100%;
}

.client-logos {
text-align: center;
}

img.alignnone {
    display: block;
    margin: 20px 20px;
    float: left;
}

.client-quote-bg {
    margin: 0%;
    text-align: center;
    background-color: #f0eee8;
}

.client-quote {
    margin: -50px 25% 0 25%;
    text-align: center;
}

.featured-portfolios .media-gallery > li {
    max-width: 750px;
    width: 90%;
    margin-top: -80px;
}

.media-gallery {
height: 10%!important;
}

@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

.client-quote {
    margin: -5% 10% 0 10%;
    text-align: center;
}

.featured-portfolios .media-gallery > li {
    max-width: 750px;
    width: 90%;
    margin-top: -6%;
}

h2 {
font-size: 2em;
}

}

a,
.entry-title a:hover,
#logo a:hover,
.entry-meta a:hover,
.single .entry-meta a:hover,
.portfolio-filter a.active,
.portfolio-filter a:hover,
.featured-portfolios h3 a:hover,
.single-portfolio .entry-meta .portfolio-url,
.comment-meta a:hover,
span.required,
.moderation,
.contactform li label.error,
label.error { color: #2CAAB7; }

.primary-menu > li > a:hover,
.primary-menu > .current-menu-item > a,
.primary-menu > .sfHover > a,
.zilla-slide-prev:hover,
.zilla-slide-next:hover,
.zilla-slide-prev-full:hover,
.zilla-slide-next-full:hover,
.jp-interface,
.jp-play:hover,
.jp-pause:hover,
.jp-mute:hover,
.jp-unmute:hover,
.jp-play-bar,
.jp-volume-bar-value,
button:hover,
#submit:hover,
input[type='submit']:hover,
.gform_next_button:hover,
.gform_previous_button:hover,
.gform_button:hover,
.more-link:hover,
.page-navigation a:hover,
.single-page-navigation a:hover { background-color: #2CAAB7; }

button:hover,
#submit:hover,
input[type='submit']:hover,
.gform_next_button:hover,
.gform_previous_button:hover,
.gform_button:hover,
.more-link:hover { border-color: #2CAAB7; }