body {
    font-family: ClarikaProGeo-Rg,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
    background-color: #000;
    margin: 0px;
    padding: 0px;
    color: #181818;
}

div {
display: block;
}

img {
  max-width: 100%;
  max-height: 100%;
}

.page-heading {
  font-size: 120px;
  line-height: 128px;
  letter-spacing: 2.2px;
  width: 60%;
  margin-top: 120px;
  margin-bottom: 32px;
  margin-left: 20%;
  float: left;
}

h1 {
  font-family: ClarikaProGeo-Dm; 
  font-size: 80px;
  line-height: 88px;
  letter-spacing: 1.6px;
}
h2 {
  font-family: ClarikaProGeo-Dm; 
  font-size: 48px;
  line-height: 64px;
  letter-spacing: 1.6px;
}
h3 {
  font-family: ClarikaProGeo-Dm; 
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 1.2px;
}

p {
  font-size: 20px;
  line-height: 36px;
  letter-spacing: 1.2px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.caption {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.8px;
  font-family: ClarikaProGeo-Dm;
  margin-top: 8px;
  margin-bottom: 8px;
}

.caption-wit {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.8px;
  font-family: ClarikaProGeo-Dm;
  margin-top: 8px;
  margin-bottom: 8px;
  color: #8B8B8B;
}

.des {
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 1.2px;
  margin-top: 16px;
  margin-bottom: 4px;
  font-family: ClarikaProGeo-Dm;
}

a {
  color: #dfdfdf;
  text-decoration: none;
}

a :hover {
  text-decoration: underline;
  color: #dfdfdf;
}

a :visited {
  text-decoration: underline;
  color: #dfdfdf;
}


/*index*/
.container {
  width: 1280px;
  margin: auto;
  padding-top: 128px;
  padding-bottom: 88px;
}
.works {
  width: 100%;
  float: left;
  margin-top: 88px;
  margin-bottom: 88px;
}
.works a {
  text-decoration: none;
  color: #000;
  display: block;
}
.works a :hover {
  color: #181818;
}
.workTitle {
  font-family: ClarikaProGeo-Rg;
  color: #2f2f2f;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.8px;
  padding: 32px;
  padding-right: 88px;
}
.articleTitle {
  font-family: ClarikaProGeo-Dm;
  color: #2f2f2f;
  font-size: 44px;
  line-height: 52px;
  letter-spacing: 0.8px;
  padding: 32px;
  padding-right: 88px;
}
.largeCover {
  width: 98%;
  height: 440px;
  margin: 1%;
  float: left;
}
.mediumCover {
  width: 64%;
  height: 440px;
  margin: 1%;
  float: left;
}
.smallCover {
  width: 32%;
  height: 440px;
  margin: 1%;
  float: left;
}
#alice {background-image: url(studio/cover_alice.png);}
/*index*/


/* nav starts here */
#logo {
    margin-bottom: 32px;
    font-family: ClarikaProGeo-Dm;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 1.6px;
    color: #dfdfdf;

}

#nav {
    position: fixed;
    top: 100px;
    bottom: 0;
    left: 100px;
    display: block;
    width: 128px;
    z-index: 50;
}

.nav-item {
    padding-bottom: 48px;
    padding-top: 48px;
    font-family: ClarikaProGeo-Rg;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1.2px;
    color: #666;
    transform: rotate(-90deg);
}

.nav-item-selected {
    padding-bottom: 48px;
    padding-top: 48px;
    font-family: ClarikaProGeo-Rg;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1.2px;
    color: #DFDFDF;
    transform: rotate(-90deg);
}

/* nav ends here */


/* footer starts here */
.footer {
        width: 60%;
        margin-top: 56px;
        margin-bottom: 56px;
        margin-left: 20%;
        float: left;
        color: #666666;
        font-size: 16px;
}

/* footer ends here */

/* introduction components starts here */
.intro {
    width: 60%;
    margin-top: 32px;
    margin-bottom: 32px;
    margin-left: 20%;
    float: left;
}

.summary {
    float: left;
    width: 36%;
    margin-top: 32px;
    margin-bottom: 32px;
    margin-left: 20%;
}

.summary a {
  color: #000;
  text-decoration: none;
}

.summary a :hover {
  color: #999;
  text-decoration: none;
}

/* introduction components ends here */

/* catalog starts here */
.catalog {
    float: left;
    width: 40%;
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: 20%;
}

.catalog-item {
    font-size:32px;
    font-family: ClarikaProGeo-Dm;
    line-height: 48px;
    letter-spacing: 2.2px;
    float: left;
    color: #f8f8f8;
}

.catalog a:hover .catalog-item {
    color: #666;
}

/* fantasy */
#fantasy-cover:before {
    content:url("img/c-fantasy.png");
    position:fixed;
    z-index:-2;
    top: 8%;
    left: 32%;
    display:none;
  }
  #fantasy-cover:hover::before {
    display:block;
  }

    /* alice */
  #alice-cover:before {
    content:url("img/c-alice.png");
    position:fixed;
    z-index:-2;
    top: 8%;
    left: 32%;
    display:none;
  }
  #alice-cover:hover::before {
    display:block;
  }

      /* homie */
      #homie-cover:before {
        content:url("img/c-homie.png");
        position:fixed;
        z-index:-2;
        top: 8%;
        left: 32%;
        display:none;
      }
      #homie-cover:hover::before {
        display:block;
      }

      /* zap */
      #zap-cover:before {
        content:url("img/c-zap.png");
        position:fixed;
        z-index:-2;
        top: 8%;
        left: 32%;
        display:none;
      }
      #zap-cover:hover::before {
        display:block;
      }

  /* mufi */
#mufi-cover:before {
    content:url("img/c-mufi.png");
    position:fixed;
    z-index:-2;
    top:8%;
    left:32%;
    display:none;
  }
  #mufi-cover:hover::before {
    display:block;
  }

  /* daydream */
  #daydream-cover:before {
    content:url("img/c-daydream.png");
    position:fixed;
    z-index:-2;
    top:8%;
    left:32%;
    display:none;
  }
  #daydream-cover:hover::before {
    display:block;
  }

/* trends */
#trends-cover:before {
    content:url("img/c-trends.png");
    position:fixed;
    z-index:-2;
    top:8%;
    left:32%;
    display:none;
  }
  #trends-cover:hover::before {
    display:block;
  }

/* baidu */
#baidu-cover:before {
    content:url("img/c-baidu.svg");
    position:fixed;
    z-index:-2;
    top:8%;
    left:32%;
    display:none;
  }
  #baidu-cover:hover::before {
    display:block;
  }


  /* neighbors */
#neighbors-cover:before {
    content:url("img/c-neighbors.png");
    position:fixed;
    z-index:-2;
    top:8%;
    left:32%;
    display:none;
  }
  #neighbors-cover:hover::before {
    display:block;
  }

/* impraise */
#impraise-cover:before {
    content:url("img/c-p.svg");
    position:fixed;
    z-index:-2;
    top:8%;
    left:32%;
    display:none;
  }
  #impraise-cover:hover::before {
    display:block;
  }

  /* philips */
#philips-cover:before {
    content:url("img/c-philips.png");
    position:fixed;
    z-index:-2;
    top:8%;
    left:32%;
    display:none;
  }
  #philips-cover:hover::before {
    display:block;
  }

/* design formulas */
#df-cover:before {
    content:url("img/c-df.svg");
    position:fixed;
    z-index:-2;
    top:8%;
    left:32%;
    display:none;
  }
  #df-cover:hover::before {
    display:block;
  }

/* catalog ends here */


/* line break starts here */
.line {
    width: 36%;
    height: 24px;
    margin-top: 32px;
    margin-bottom: 32px;
    margin-left: 20%;
    border-bottom: 4px solid #181818;
    float: left;
}
/* line break ends here */


/* project detail page header here */

.p-header {
    width: 100%;
    float: left;
}

.p-header-img {
    width: 40%;
    margin-top: 240px;
    margin-bottom: 240px;
    margin-left: 18%;
    float: left;
}

.p-header-title {
    width: 24%;
    margin-top: 240px;
    margin-bottom: 120px;
    margin-left: 2%;
    float: left;
    color: #f8f8f8;
}


.p-wit {
    background-color: #ffffff;
    width: 100%;
    height: auto;
    float: left;
    padding-top: 240px;
    padding-bottom: 240px;
}

.p-blk {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 240px;
    padding-bottom: 240px;
    color: #f8f8f8;
}

.p-process-img {
    width: 60%;
    margin-top: 32px;
    margin-bottom: 32px;
    margin-left: 20%;
    float: left;
}

/*full width image starts*/
.zap-fw-img {
  width: 100%;
  height: 1440px;
  float: left;
  background-image: url(img/zap-2.png);
  background-color: #EBEBEB;
}

.homie-fw-img {
    width: 100%;
    height: 1440px;
    float: left;
    background-image: url(img/homie-2.png);
    background-color: #EBEBEB;
}

.fantasy-fw-img {
    width: 100%;
    height: 1440px;
    float: left;
    background-image: url(img/fantasy-3.png);
    background-color: #EBEBEB;
}

.trends-fw-img {
    width: 100%;
    height: 1440px;
    float: left;
    background-image: url(img/trends-2.png);
}

.neighbors-fw-img {
    width: 100%;
    height: 1440px;
    float: left;
    background-image: url(img/neighbors-2.png);
}

.p-fw-img {
    width: 100%;
    height: 1440px;
    float: left;
    background-image: url(img/p-2.svg);
}

.mufi-fw-img {
    width: 100%;
    height: 1440px;
    float: left;
    background-image: url(img/mufi-2.png);
}

.alice-fw-img {
    width: 100%;
    height: 1440px;
    float: left;
    background-image: url(img/alice-2.svg);
}


.philips1-fw-img {
    width: 100%;
    height: 1440px;
    float: left;
    background-image: url(img/philips-2.png);
}

.philips2-fw-img {
    width: 100%;
    height: 1440px;
    float: left;
    background-image: url(img/philips-4.svg);
}

/*full width image ends*/

.p-design {
    width: 1632px;
    margin: auto;
}

.p-design-l {
    width: 1600px;
    height: 880px;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 280px;
    border-radius: 8px;
    float: left;
}

.p-design-m {
    width: 880px;
    height: 880px;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 280px;
    border-radius: 8px;
    float: left;
}

.p-design-s {
    width: 688px;
    height: 880px;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 280px;
    border-radius: 8px;
    float: left;
}



/* responsive set up here */



/* responsive 1680px start here */
@media screen and (max-width: 1680px) {

  #nav {
      position: fixed;
      top: 64px;
      bottom: 0;
      left: 0px;
      display: block;
      width:88px;
      z-index: 50;
  }
  
  #logo {
    
    font-family: ClarikaProGeo-Dm;
    font-size: 19px;
    line-height: 24px;
    letter-spacing: 1.6px;
    color: #dfdfdf;
    transform: rotate(90deg);
  }
  
  .nav-item {
      padding-bottom: 32px;
      padding-top: 32px;
      font-family: ClarikaProGeo-Rg;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: 1.2px;
      color: #2f2f2f;
      transform: rotate(90deg);
  }
  
  .nav-item-selected {
      padding-bottom: 32px;
      padding-top: 32px;
      font-family: ClarikaProGeo-Rg;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: 1.2px;
      color: #DFDFDF;
      transform: rotate(90deg);
  }
  
  
  h1 {
    font-size: 64px;
    line-height: 72px;
  }
  h2 {
    font-size: 32px;
    line-height: 44px;
  }
  h3 {
    font-size: 24px;
    line-height: 32px;
  }


  p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1.2px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.des {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1.2px;
    margin-top: 16px;
    margin-bottom: 4px;
    font-family: ClarikaProGeo-Dm;
}

.p-header-img {
  width: 40%;
  margin-top: 240px;
  margin-bottom: 240px;
  margin-left: 18%;
  float: left;
}

.p-header-title {
  width: 24%;
  margin-top: 240px;
  margin-bottom: 120px;
  margin-left: 2%;
  float: left;
  color: #f8f8f8;
}
.p-design {
  width: 84%;
  margin: 8%;
  float: left;
}
.p-design-l {
  width: 99%;
  height: auto;
  margin-left: 0;
  margin-right: 1%;
  margin-bottom: 168px;
  border-radius: 8px;
  float: left;
}
.p-design-m {
  width: 55%;
  height: 660px;
  margin-left: 0;
  margin-right: 1%;
  margin-bottom: 218px;
  border-radius: 8px;
  float: left;
}
.p-design-s {
  width: 44%;
  height: 660px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 218px;
  border-radius: 8px;
  float: left;
}
/*full width image starts*/
.zap-fw-img {height: 900px;}
.homie-fw-img {height: 900px;}
.fantasy-fw-img {height: 900px;}
.trends-fw-img {height: 900px;}
.neighbors-fw-img {height: 900px;}
.mufi-fw-img {height: 900px;}
.alice-fw-img {height: 900px;}
/*full width image ends*/
  
  } /* responsive 1632px end here */
  
  @media screen and (max-width: 1440px) {
    .container {
        width: 100%;
        margin: auto;
        padding-top: 88px;
        padding-bottom: 88px;
        }
    .works {
        width: 92%;
        padding: 4%;
        }
}

/* responsive 1024px start here */
@media screen and (max-width: 1024px) {

#nav {
    position: fixed;
    top: 64px;
    bottom: 0;
    left: 0px;
    display: block;
    width:88px;
    z-index: 50;
}

#logo {
  
  font-family: ClarikaProGeo-Dm;
  font-size: 19px;
  line-height: 24px;
  letter-spacing: 1.6px;
  color: #dfdfdf;
  transform: rotate(90deg);
}

.nav-item {
    padding-bottom: 32px;
    padding-top: 32px;
    font-family: ClarikaProGeo-Rg;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1.2px;
    color: #2f2f2f;
    transform: rotate(90deg);
}

.nav-item-selected {
    padding-bottom: 32px;
    padding-top: 32px;
    font-family: ClarikaProGeo-Rg;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1.2px;
    color: #DFDFDF;
    transform: rotate(90deg);
}

/* introduction components starts here */
.intro {
  width: 60%;
  margin-top: 64px;
  margin-bottom: 64px;
  margin-left: 20%;
  float: left;
}

.page-heading {
  font-size: 88px;
  line-height: 96px;
  letter-spacing: 2.2px;
  width: 60%;
  margin-top: 120px;
  margin-bottom: 32px;
  margin-left: 20%;
  float: left;
}

.summary {
  float: left;
  width: 60%;
  margin-top: 32px;
  margin-bottom: 32px;
  margin-left: 20%;
}

p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.8px;
  margin-top: 4px;
  margin-bottom: 4px;
}
.des {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1.2px;
  margin-top: 16px;
  margin-bottom: 4px;
  font-family: ClarikaProGeo-Dm;
}

.caption-wit {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.8px;
  font-family: ClarikaProGeo-Dm;
  margin-top: 8px;
  margin-bottom: 8px;
  color: #8B8B8B;
}

/* introduction components ends here */


/* project detail page header here */

.p-header {
  width: 100%;
}

.p-header-img {
  width: 82%;
  margin-top: 0px;
  margin-bottom: 32px;
  margin-left: 18%;
}

.p-header-title {
  width: 60%;
  margin-top: 0px;
  margin-bottom: 64px;
  margin-left: 24%;
  color: #f8f8f8;
}

.p-wit {
  background-color: #ffffff;
  width: 100%;
  height: auto;
  float: left;
  padding-top: 64px;
  padding-bottom: 64px;
}

.p-blk {
  width: 100%;
  height: auto;
  float: left;
  padding-top: 64px;
  padding-bottom: 64px;
  color: #f8f8f8;
}

.p-design {
  width: 84%;
  margin: 8%;
  float: left;
}

} /* responsive 1024px end here */


/* responsive 880px start here */
@media screen and (max-width: 768px) {

#nav {
    position: fixed;
    top: 64px;
    bottom: 0;
    left: 0px;
    display: block;
    width:88px;
    z-index: 50;
}

h1 {
  font-size: 32px;
  line-height: 40px;
}
h2 {
  font-size: 24px;
  line-height: 32px;
}
h3 {
  font-size: 24px;
  line-height: 32px;
}

#logo {
  
  font-family: ClarikaProGeo-Dm;
  font-size: 19px;
  line-height: 24px;
  letter-spacing: 1.6px;
  color: #dfdfdf;
  transform: rotate(90deg);
}

.nav-item {
    padding-bottom: 32px;
    padding-top: 32px;
    font-family: ClarikaProGeo-Rg;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1.2px;
    color: #2f2f2f;
    transform: rotate(90deg);
}

.nav-item-selected {
    padding-bottom: 32px;
    padding-top: 32px;
    font-family: ClarikaProGeo-Rg;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1.2px;
    color: #DFDFDF;
    transform: rotate(90deg);
}

/* introduction components starts here */
.intro {
  width: 60%;
  margin-top: 64px;
  margin-bottom: 64px;
  margin-left: 20%;
  float: left;
}

.page-heading {
  font-size: 88px;
  line-height: 96px;
  letter-spacing: 2.2px;
  width: 60%;
  margin-top: 120px;
  margin-bottom: 32px;
  margin-left: 20%;
  float: left;
}

.summary {
  float: left;
  width: 60%;
  margin-top: 32px;
  margin-bottom: 32px;
  margin-left: 20%;
}

p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.8px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.caption-wit {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.8px;
  font-family: ClarikaProGeo-Dm;
  margin-top: 8px;
  margin-bottom: 8px;
  color: #8B8B8B;
}

/* introduction components ends here */


/* project detail page header here */

.p-header {
  width: 100%;
}

.p-header-img {
  width: 82%;
  margin-top: 0px;
  margin-bottom: 32px;
  margin-left: 18%;
}

.p-header-title {
  width: 60%;
  margin-top: 0px;
  margin-bottom: 64px;
  margin-left: 24%;
  color: #f8f8f8;
}

.p-wit {
  background-color: #ffffff;
  width: 100%;
  height: auto;
  float: left;
  padding-top: 64px;
  padding-bottom: 64px;
}

.p-blk {
  width: 100%;
  height: auto;
  float: left;
  padding-top: 64px;
  padding-bottom: 64px;
  color: #f8f8f8;
}

.p-design {
  width: 100%;
  margin: auto;
  float: left;
}
.p-design-l {
  width: 84%;
  height: auto;
  margin-left: 8%;
  margin-right: 8%;
  margin-bottom: 64px;
  border-radius: 8px;
  float: left;
}
.p-design-m {
  width: 84%;
  height: auto;
  margin-left: 8%;
  margin-right: 8%;
  margin-bottom: 64px;
  border-radius: 8px;
  float: left;
}
.p-design-s {
  width: 84%;
  height: auto;
  margin-left: 8%;
  margin-right: 8%;
  margin-bottom: 64px;
  border-radius: 8px;
  float: left;
}

} /* responsive 888px end here */

/* responsive 688px start here */
@media screen and (max-width: 414px) {

#nav {
    position: fixed;
    top: 64px;
    bottom: 0;
    left: 0px;
    display: block;
    width:88px;
    z-index: 50;
}

#logo {
  
  font-family: ClarikaProGeo-Dm;
  font-size: 19px;
  line-height: 24px;
  letter-spacing: 1.6px;
  color: #dfdfdf;
  transform: rotate(90deg);
}

.nav-item {
    padding-bottom: 32px;
    padding-top: 32px;
    font-family: ClarikaProGeo-Rg;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1.2px;
    color: #2f2f2f;
    transform: rotate(90deg);
}

.nav-item-selected {
    padding-bottom: 32px;
    padding-top: 32px;
    font-family: ClarikaProGeo-Rg;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1.2px;
    color: #DFDFDF;
    transform: rotate(90deg);
}
  

/* introduction components starts here */
.intro {
  width: 60%;
  margin-top: 64px;
  margin-bottom: 64px;
  margin-left: 20%;
  float: left;
}

.page-heading {
  font-size: 88px;
  line-height: 96px;
  letter-spacing: 2.2px;
  width: 60%;
  margin-top: 120px;
  margin-bottom: 32px;
  margin-left: 20%;
  float: left;
}

.summary {
  float: left;
  width: 60%;
  margin-top: 32px;
  margin-bottom: 32px;
  margin-left: 20%;
}

p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.8px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.p-design p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.8px;
  margin-top: 16px;
  margin-left: 32px;
  margin-bottom: 16px;
}

.des {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1.2px;
  margin-top: 16px;
  margin-left: 32px;
  margin-bottom: 4px;
  font-family: ClarikaProGeo-Dm;
}

.caption-wit {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.8px;
  font-family: ClarikaProGeo-Dm;
  margin-top: 8px;
  margin-bottom: 8px;
  color: #8B8B8B;
}

/* introduction components ends here */


/* project detail page header here */

.p-header {
  width: 100%;
}

.p-header-img {
  width: 82%;
  margin-top: 0px;
  margin-bottom: 32px;
  margin-left: 18%;
}

.p-header-title {
  width: 60%;
  margin-top: 0px;
  margin-bottom: 64px;
  margin-left: 24%;
  color: #f8f8f8;
}

.p-wit {
  background-color: #ffffff;
  width: 100%;
  height: auto;
  float: left;
  padding-top: 64px;
  padding-bottom: 64px;
}

.p-blk {
  width: 100%;
  height: auto;
  float: left;
  padding-top: 64px;
  padding-bottom: 64px;
  color: #f8f8f8;
}

.p-design {
  width: 100%;
  margin: auto;
  float: left;
}
.p-design-l {
  width: 84%;
  height: auto;
  margin-left: 8%;
  margin-right: 8%;
  margin-bottom: 64px;
  border-radius: 8px;
  float: left;
}
.p-design-m {
  width: 84%;
  height: auto;
  margin-left: 8%;
  margin-right: 8%;
  margin-bottom: 64px;
  border-radius: 8px;
  float: left;
}
.p-design-s {
  width: 84%;
  height: auto;
  margin-left: 8%;
  margin-right: 8%;
  margin-bottom: 64px;
  border-radius: 8px;
  float: left;
}
/*full width image starts*/
.zap-fw-img {height: 600px;}
.homie-fw-img {height: 600px;}
.fantasy-fw-img {height: 600px;}
.trends-fw-img {height: 600px;}
.neighbors-fw-img {height: 600px;}
.mufi-fw-img {height: 600px;}
.alice-fw-img {height: 600px;}
/*full width image ends*/

#alice {background-image: url(studio/cover_alice_mobile.png);}

}/* responsive 640px end here */