/* Text Elements */

h1.h1-main {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
  color: #fff;
  text-transform: uppercase;
  font-size: 22px;
  font-family: 'Roboto', sans-serif;
}

h2.slogan {
  margin-top: 0;
  margin-bottom: 0;
  color: #000;
  text-align: center;
  font-size: 30px;
  font-family: 'Roboto', sans-serif;
}

h5.contact-head {
  color: #000;
  font-weight: 600;
  font-size: 22px;
  font-family: 'Roboto', sans-serif;
}

h6.contact-text {
  color: #000;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
}

h6.privacy-policy {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  font-family: 'Roboto', sans-serif;
}

p.paragraph.text-description {
  margin-top: 20px;
  padding: 5px;
  color: #fff;
  font-size: 17px;
  font-family: 'Roboto', sans-serif;
}

/* Layout Elements */

.link-container.link-cont-popia {
  margin: 14px auto 0;
  padding: 13px 5px 5px;
  max-width: 200px;
  height: 50px;
  background-color: transparent;
}

.container-grid.cont-logo {
  position: relative;
  z-index: 990;
  float: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 15px;
  width: 100%;
  background-color: #fff;
}

a.responsive-picture.image-logo {
  margin: 0 auto;
  padding-right: 0;
  padding-left: 0;
  max-width: 500px;
}

.container-grid.parallax-component-page-top {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 0;

  mix-blend-mode: normal;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
}

.container-grid.parallax-container {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  padding-top: 375px;
  min-height: 40vh;
  height: auto;

  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
          align-content: center;
}

.container-grid.parallax {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  -ms-flex-align: center;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

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

.container-grid.container-project-2 {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px 10px;
  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;
}

.container-grid.slogan-cont {
  margin-top: 0;
  padding-right: 10px;
  padding-left: 10px;
}

.container-grid.cont-7-col-flex {
  display: grid;
  margin-right: auto;
  margin-left: auto;
  padding: 5px;
  max-width: 1400px;

  grid-template-columns: auto;
  grid-template-rows: repeat(7 , auto);
  grid-template-areas: 'cont-photo-flex-01' 'cont-photo-flex-02' 'cont-photo-flex-03' 'cont-photo-flex-04' 'cont-photo-flex-05' 'cont-photo-flex-06' 'cont-photo-flex-07';
  justify-self: flex-end;
  grid-area: cont-photo-flex-07;
}

.container-grid.cont-photo-flex-01 {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
  background-color: #c8443d;

  grid-area: cont-photo-flex-01;
}

div.responsive-picture.photo-padding.picture-fullwidth {
  padding: 5px;
  max-width: none;

  grid-area: auto;
}

div.responsive-picture.picture-fullwidth {
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  max-width: none;
}

.container-grid.cont-photo-flex-02 {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
  background-color: #738ac7;

  grid-area: cont-photo-flex-02;
}

.container-grid.cont-photo-flex-03 {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
  background-color: #d47442;

  grid-area: cont-photo-flex-03;
}

.container-grid.cont-photo-flex-04 {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
  background-color: #335640;

  grid-area: cont-photo-flex-04;
}

.container-grid.cont-photo-flex-05 {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
  background-color: #4e4f4f;

  grid-area: cont-photo-flex-05;
}

.container-grid.cont-photo-flex-06 {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
  background-color: #c8443d;

  grid-area: cont-photo-flex-06;
}

.container-grid.cont-photo-flex-07 {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
  background-color: #738ac7;

  grid-area: cont-photo-flex-07;
}

li.list-item.text-description {
  color: #fff;
  font-size: 17px;
  font-family: 'Roboto', sans-serif;
}

.container-grid.cont-contact {
  margin: 0 10px 10px;
  padding: 5px 10px;
  border-radius: 10px;
  background-color: #fff;
}

a.social-image.social-icon-1 {
  max-width: 50px;
  border-radius: 15px;
  background-color: #738ac7;
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container-grid {
  position: relative;
}

.container-grid.cont-whatapp {
  position: fixed;
  right: 25px;
  bottom: 70px;
  z-index: 10;
  max-width: 45px;
  width: 100%;

  grid-area: cont-04;
}

a.social-image.whatsapp-icon {
  max-width: 45px;
  width: 100%;
  border: .0625rem solid #fff;
  border-radius: 100px;
  background-color: #25d366;
}

.container-grid.container-project-2.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.parallax-container {
    height: auto;
  }
}

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

  h2.slogan {
    font-size: 34px;
  }

  .container-grid.slogan-cont {
    margin-top: 0;
  }
}

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

  h2.slogan {
    font-size: 34px;
  }

  .container-grid.parallax-container {
    height: auto;
  }

  .container-grid.cont-7-col-flex {
    grid-template-columns: repeat(2 , 50%);
    grid-template-areas: 'cont-photo-flex-01 cont-photo-flex-02' 'cont-photo-flex-03 cont-photo-flex-04' 'cont-photo-flex-05 cont-photo-flex-06' 'cont-photo-flex-07 cont-photo-flex-07';
    grid-template-rows: repeat(4 , auto);
  }

  .container-grid.slogan-cont {
    margin-top: 0;
  }
}

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

  h2.slogan {
    font-size: 40px;
  }

  .container-grid.cont-logo {
    min-height: 250px;
    background-color: transparent;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .25) 24%, rgba(33, 29, 29, 0) 100%);
    background-image:    -moz-linear-gradient(top, rgba(0, 0, 0, .25) 24%, rgba(33, 29, 29, 0) 100%);
    background-image:      -o-linear-gradient(top, rgba(0, 0, 0, .25) 24%, rgba(33, 29, 29, 0) 100%);
    background-image:         linear-gradient(180deg, rgba(0, 0, 0, .25) 24%, rgba(33, 29, 29, 0) 100%);
    background-attachment: scroll;
    background-position: left top;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    background-repeat: no-repeat;

    background-blend-mode: normal;
  }

  a.responsive-picture.image-logo {
    max-width: 500px;
  }

  .container-grid.parallax-component-page-top {
    margin-top: -25rem;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 80%);
    background-image:    -moz-linear-gradient(top, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 80%);
    background-image:      -o-linear-gradient(top, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 80%);
    background-image:         linear-gradient(180deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 80%);
    background-attachment: scroll;
    background-position: left top;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    background-repeat: repeat;

    background-blend-mode: normal;
  }

  .container-grid.parallax-container {
    padding-top: 735px;
    min-height: 70vh;
    height: auto;

    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }

  .container-grid.parallax {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }

  .container-grid.cont-7-col-flex {
    grid-template-areas: 'cont-photo-flex-01 cont-photo-flex-02' 'cont-photo-flex-03 cont-photo-flex-04' 'cont-photo-flex-05 cont-photo-flex-07' 'cont-photo-flex-06 cont-photo-flex-07';
  }

  .container-grid.slogan-cont {
    margin-top: 0;
  }

  .container-grid.cont-contact {
    margin-top: 82px;
    padding-top: 5px;
  }

  .container-grid.cont-photo-flex-01 {
    margin: 5px;
  }

  .container-grid.cont-photo-flex-02 {
    margin: 5px;
  }

  .container-grid.cont-photo-flex-03 {
    margin: 5px;
  }

  .container-grid.cont-photo-flex-04 {
    margin: 5px;
  }

  .container-grid.cont-photo-flex-05 {
    margin: 5px;
  }

  .container-grid.cont-photo-flex-06 {
    margin: 5px;
  }

  .container-grid.cont-photo-flex-07 {
    margin: 5px;
  }
}

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

  h2.slogan {
    font-size: 45px;
  }

  a.responsive-picture.image-logo {
    max-width: 500px;
  }

  .container-grid.parallax-container {
    height: auto;
  }

  .container-grid.slogan-cont {
    margin-top: 0;
  }

  .container-grid.cont-contact {
    margin-top: 79px;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 85.375rem) {
  .container-grid.parallax-container {
    height: auto;
  }

  .container-grid.cont-contact {
    margin-top: 68px;
  }
}

@media screen and (min-width: 120rem) {
  .container-grid.parallax-container {
    height: auto;
  }
}