/* Text Elements */

h1.h1-home {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #735f4e;
  font-size: 50px;
  font-family: 'Arial Narrow', Arial, sans-serif;
}

h2.h2-temp {
  margin-top: 0;
  margin-bottom: 0;
  color: #9a8069;
  text-align: center;
  font-size: 40px;
  font-family: 'Anton', sans-serif;
}

p.paragraph.text-main {
  color: #735f4e;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
}

/* Layout Elements */

body.imagine {
  background-color: rgba(154, 128, 105, .3);
}

.container-grid.cont-motion {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: transparent;
  -webkit-transition-timing-function: ease-in-out;
     -moz-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: .8s;
     -moz-transition-duration: .8s;
       -o-transition-duration: .8s;
          transition-duration: .8s;

  grid-area: project-2;
}

div.responsive-picture.pic-logo {
  margin-left: auto;
  max-width: 140px;
}

.container-grid.cont-photo-01 {
  height: 236px;
  background-image: url('../home/0480-imagine-interiors.jpg');
  background-attachment: scroll;
  background-position: left bottom;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.rule.line-main hr {
  border-top-color: #9a8069;
}

.container-grid {
  position: relative;
}

div.responsive-picture {
  max-width: none;
}

.container-grid.cont-row-02 {
  display: grid;

  grid-template-columns: auto;
  grid-template-rows: repeat(2 , auto);
}

.container-grid.cont-1200px {
  margin-right: auto;
  margin-left: auto;
  padding: 15px;
  max-width: 1200px;
  background-color: #fff;
}

a.social-image.social-media {
  max-width: 55px;
  border-radius: 10px;
  background-color: #735f4e;
}

.container-grid.cont-padding {
  padding: 15px;
}

.container-grid.cont-motion.outofview {
  opacity: 0;
  -webkit-transform: translateY(40px);
     -moz-transform: translateY(40px);
       -o-transform: translateY(40px);
          transform: translateY(40px);
}

@supports (display: grid) {
  .container-grid {
    position: relative;
  }
}

@media screen and (min-width: 30rem) {
  .container-grid.cont-photo-01 {
    height: 290px;
    background-image: url('../home/0780-imagine-interiors.jpg');
  }

  div.responsive-picture.pic-logo {
    max-width: 170px;
  }
}

@media screen and (min-width: 37.5625rem) {
  .container-grid.cont-photo-01 {
    height: 390px;
  }
}

@media screen and (min-width: 48.75rem) {
  .container-grid.cont-row-02 {
    grid-template-columns: 50.0% auto;
    grid-template-rows: auto;
    grid-column-gap: 15px;
  }

  .container-grid.cont-photo-01 {
    height: 100%;
    background-image: url('../home/0780-imagine-interiors.jpg');
    background-position: -15vw bottom;
  }
}

@media screen and (min-width: 62.0625rem) {
  /* Text Elements */

  h1.h1-home {
    font-size: 58px;
  }

  .container-grid.cont-photo-01 {
    background-position: left bottom;
  }
}