@charset "UTF-8";

#app .lui-row > div {
    min-height: 420px;
    -webkit-justify-content: center;
       -moz-justify-content: center;
            justify-content: center;
}
#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-image: -webkit-linear-gradient(164deg, #74ebd5 0%, #9face6 100%);
    background-image:    -moz-linear-gradient(164deg, #74ebd5 0%, #9face6 100%);
    background-image:         linear-gradient(164deg, #74ebd5 0%, #9face6 100%);
}
#app .lui-row > div .txt a {
    margin: 10px 0 0;
    padding: 4px 0;
    min-width: 160px;
    text-align: center;
    border: solid 1px hsl(225, 15%, 88%);
}
#app .lui-row > div .txt a > span { margin: 0 0 0 8px }



/* ########################################################################## */
/* ################################# CUSTOM ################################# */
#app .lui-row:first-child > div {
    min-height: auto;
    padding: 40px 20px;
}
#app .lui-row:first-child > div > h1 {
    font: italic 900 33px 'PoiretOne'
}
#app .lui-row:first-child > div > h1 + p { text-indent: 24px }
/* ################################# CUSTOM ################################# */
/* ########################################################################## */




@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 > div {
      padding: 15px;
      margin: 0;
      width: 100%;
   }
}