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

#masthead {
  height: 225px;
}

body.front .site-title {
  top: -5px;
}

body:not(.front) .site-title {
  margin-top: 15px;
}

body.front #masthead {
  position: static;
}

.site-subtitle {
  position: static;
  text-align: center;
  width: auto;
  font-size: 18px;
  padding: 0;
}


#nav-button {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 24px;
  height: 24px;
  background-color: #808080;
  cursor: pointer;
  z-index: 9999;
}

#nav-button:before {
  content: '';
  position: absolute;
  background-color: #D7EBE3;
  width: 100%;
  height: 9px;
  top: 2px;
  left: 0;
  right: 0;
}

#nav-button:after {
  content: '';
  position: absolute;
  background-color: #D7EBE3;
  width: 100%;
  height: 9px;
  bottom: 2px;
  left: 0;
  right: 0;
}

#primary-navigation {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  text-align: center;
  background-color: #D5EAE3;
  z-index: 9998;
  display: none;
}

#primary-navigation:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

#primary-navigation > div {
  display: inline-block;
  vertical-align: middle;
  width: 300px;
}

#primary-navigation .nav-menu {
  width: auto;
  float: none;
}

#primary-navigation .nav-menu li {
  float: none;
  text-align: center;
  margin: 30px 0;
  font-size: 18px;
}

/*
#primary-navigation .nav-menu {
     width: 100%;
}

#primary-navigation .nav-menu ul {
     margin-right: 0px;
}

#primary-navigation .nav-menu li {
     font-size: 18px;
     display: inline;
     margin-right: 12px;
     float: none;
}

#primary-navigation .nav-menu li:last-child {
  margin-right: 0;
}
*/


.home-features-collection {
  margin-top: 0px;
}

.studio-intro {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
}

.project-item-wrap .image-hover-styled-title-wrap:before {
  display: none;
}

.project-item-wrap .image-hover-styled-title-wrap .image-hover-styled-title-text {
  display: block;
  position: static;
  padding-top: 10px;
  color: #808080;
  clear: both;
  margin-left: 25px;
  margin-right: 25px;
  width: auto;
}

.project-item-wrap .image-hover-styled-title-wrap .image-hover-styled-title-text a {
  color: #808080 !important;
}


.project-collection .project-item-wrap {
  width: 70%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}


}


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

.site-content {
  padding-left: 0;
  padding-right: 0;
}

.home-features-collection .feature-item-wrap.image-width-10 .sleeve, 
.home-features-collection .feature-item-wrap.image-width-20 .sleeve,
.home-features-collection .feature-item-wrap.image-width-30 .sleeve,
.home-features-collection .feature-item-wrap.image-width-40 .sleeve,
.home-features-collection .feature-item-wrap.image-width-50 .sleeve,
.home-features-collection .feature-item-wrap.image-width-60 .sleeve,
.home-features-collection .feature-item-wrap.image-width-70 .sleeve,
.home-features-collection .feature-item-wrap.image-width-80 .sleeve,
.home-features-collection .feature-item-wrap.image-width-90 .sleeve,
.home-features-collection .feature-item-wrap.image-width-100 .sleeve
{
  width: auto;
}

.home-features-collection .feature-item-wrap {
  margin-bottom: 90px;
}





.studio-intro,
.project-description-wrap,
.project-intro-wrap,
.entry-content h3,
.entry-content h4,
.entry-content p {
  margin-left: 25px;
  margin-right: 25px;
}

#footer .sleeve,
.forum-wrap .sleeve,
.press-collection-wrap .sleeve, 
.exhibition-collection-wrap .sleeve,
.team-member-wrap .sleeve {
  padding-left: 25px;
  padding-right: 25px;
}


.image-hover-styled-title-wrap h4 {
  font-size: 100%;
}

.image-hover-styled-title-wrap div.image-hover-styled-title-text-url,
.image-hover-styled-title-wrap div.image-hover-styled-title-text-content p {
  font-size: 85%
}

/*
.home-features-collection .image-hover-styled-title-text-content {
  display: none;
}


.project-intro-wrap,
.project-description {
  padding-left: 1em;
  padding-right: 1em;
}
*/

.studio-intro {
/*
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;

  padding-left: 1em;
  padding-right: 1em;
*/
  padding-top: 1em;
}

.studio-intro h3 {
  padding-left: 0;
  padding-right: 0;
}

.team-collection {
  display: block;
}

.team-member-wrap .team-member-description,
.team-collection .team-member-wrap {
  width: auto;
}

.collaborators-wrap {
  display: none;
}

.photographers-wrap {
  display: none;
}

.graphic-designers-wrap {
  display: none;
}


.news-collection {
  display: block;
}

.news-collection .news-item-wrap {
  margin-left: 0;
  margin-right: 0;
}

.news-collection .news-item-wrap img {
  width: 100%;
  height: auto;
}

.news-content-wrap {
  padding: 0 20px;
}

.news-content-wrap h3 {
  padding: 0;
}

.site-content-full-width .project-image-collection {
  margin-left: 0;
  margin-right: 0;
}

.project-intro-wrap,
.project-image-wrap {
  margin-bottom: 50px;
}

.project-image-wrap img[style] {
  left: 0 !important;
  width: 100% !important;
  height: auto;
}

.project-collection {
  display: block;
}

.project-collection .project-item-wrap {
  width: 100%;
  margin-bottom: 50px;
}

.project-collection .project-item-wrap:nth-child(odd) {
  margin-right: 0;
}


}