@charset "UTF-8";

#app .lui-row > div {
    min-height: 420px;
    -webkit-justify-content: center;
       -moz-justify-content: center;
            justify-content: center;
}
#app .lui-row:first-child > div {
   min-height: auto;
   padding: 40px 20px;
}
#app .lui-row > div > div {
  width: 40%;
  margin: 0 25px;
}
#app .lui-row:nth-child(2n+2) {
    background-color: hsl(0, 0%, 100%);
    box-shadow: 0 5px 10px hsla(225, 10%, 15%, 0.015);
}
#app .lui-row > div .img {
    min-height: 280px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
#app .lui-row > div .txt {
    text-align: justify;
    font-size: 14px;
    line-height: 1.726488; color: hsl(225, 10%, 45%);
}
#app .lui-row > div .txt > h2 {
    position: relative;
    margin: 0 0 15px;
    padding: 0 0 10px;
    font: 900 30px 'PoiretOne';
    text-transform: capitalize; color: hsl(225, 15%, 25%);
}
#app .lui-row > div .txt > h2::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 59px; height: 3px;
    background-color: hsl(130, 40%, 55%);
}



@media only screen and (max-width: 840px) {
   #app .lui-row > div > div {
      margin: 0 15px;
      width: calc(50% - 15px);
   }
}

@media only screen and (max-width: 600px) {
   #app .lui-row {
      margin: 0 0 20px;
   }
   #app .lui-row > div {
      display: block;
   }
   #app .lui-row > div .img {
     min-height: 220px;
   }
   #app .lui-row > div > div {
      padding: 15px;
      margin: 0;
      width: 100%;
   }
}