@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}



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



/* =PAGE
-------------------------------------------------------------- */

.desktop{
  display: block;
}

.mobile{
  display: none;
}

#title {
  width: 75%;
}

#section-1 {
  min-width: 50%;
  max-width: 50%;
  padding-right: 50px;
}

#section-2 {
  min-width: 50%;
  max-width: 50%;
}

#section-2-single {
  min-width: 50%;
  max-width: 50%;
  margin-left: 50%!important;
}

.child-30 {
  width:49%!important;
}

.child-30:nth-child(2n){
  padding-left: 7px!important;
}

.related-child-30 {
  width:32.9%!important;
  padding-right: 20px;
}

.related-child-30:nth-child(3n){
  padding-right: 0px!important;
}

.related-child-30 img{
  width: 100%;
  height:18vw;
  object-fit: cover;
}

.child-50 {
  width:49%!important;
}

.child-50:nth-child(2n){
  padding-left: 7px!important;
}


/* =TEXT BOX SIZES
-------------------------------------------------------------- */

.text-50p {
  width: 50%!important;
}

.text-450 {
  width: 100%!important;
}

.text-475 {
  width: 400px!important;
}

.text-500 {
  width: 500px!important;
}

.text-550 {
  width: 90%!important;
}

.text-600 {
  width: 90%!important;
}


/* =IMAGE SIZES
-------------------------------------------------------------- */

.img-100-400 {
  height: 27vw!important;
}



/* =HOME
-------------------------------------------------------------- */

.casestudy-text {
  width:300px!important;
}

.casestudy-overlay {
  width: 50%;
}


/* FADE MAINSTROKE 
-------------------------------------------------------------- */

@keyframes fadeMainStroke{
  from { opacity: 0; }
  to { opacity: 1; width:700px; } }
.fadeMainStroke { animation-name: fadeMainStoke; }

.mainstroke {
  top: 300px;
  right: -10%;
}


/* =HOME -CAROUSEL 
-------------------------------------------------------------- */

.carousel-cell {
  width: 50%;
}

.carousel-cell img{
  height: 30vw;
}


/* JOURNAL CARDS
-------------------------------------------------------------- */

.home-blog-cards {
  width: 49%;
  padding-right: 10px;
}

.home-blog-cards:nth-child(3n){
  padding-right: 0;
}

.home-blog-cards img{
  height: 25vw;
}


/* =TOGGLE
-------------------------------------------------------------- */


#footersection-1 {
  min-width: 50%;
  max-width: 50%;
}

#footersection-2 {
  min-width: 50%;
  max-width: 50%;
}

#details{
  min-width: 100%;
  display: inline-block;
  vertical-align: top;
}


/* =PEOPLE
-------------------------------------------------------------- */

.people-menu{
  width: 25%;
}

.people-item{
  width: 60%;
  margin-left: 15%;
}

.item{
  width: 33%!important;
}

.item img {
  height: 22vw!important; 
}


/* =METHODOLOGY
-------------------------------------------------------------- */

.methodology-title {
  width:90%;
}

.svg-child{
  width: 75%;
}

.methodology-col3 {
  width: 30%;
  padding-top: 30px;
  margin-left: 5%;
}

.methodology-col3:first-child {
  margin-left: 0px!important;
}


/* =INNOVATION
-------------------------------------------------------------- */
.innovation-item-list a{
  font-size: 1.4em;
}


/* =WORK
-------------------------------------------------------------- */

.itemwork{
  width: calc(49.5% - 40px);
  margin-left: 0px;
  margin-right:40px;
}

.itemwork img {
  height: 28vw!important; 
}


/* =CONTACT
-------------------------------------------------------------- */

.contact-col3 {
  width: 48%;
  margin-right: 2%!important;
}



/* =JOURNAL
-------------------------------------------------------------- */

.journal-intro {
  width: 50%;
}

.journal-featured-container{
  width: 50%;
}

.journal-featured-mark{
  top: 50px!important;
  right: -50px;
}

.journal-item{
  width: 100%;
  float: right;
  left: -10px;
}

.itemjournal{
  width: calc(50% - 20px);
  height: auto;
  float: right;
  margin-bottom: 40px;
  margin-left: 10px;
  margin-right: 10px;
  text-align: left;
}

.itemjournal img {
  height: 28vw!important; 
}


/* =ARTICLE
-------------------------------------------------------------- */

.article-feature img{
  height: 400px;
}

.feature-overlay {
  width: 70%;
}

#section-1-article {
  min-width: 30%;
  max-width: 30%;
  padding-right: 30px;
}

#section-2-single-article {
  min-width: 70%;
  max-width: 70%;
  margin-left: 30%!important;
}

#section-2-article {
  min-width: 70%;
  max-width: 70%;
}

}