body, html {
  height:100%;
  margin:0;
  font-size:16px;
  font-family:"Lato", sans-serif;
  font-weight:400;
  line-height:1.8em;
  color:#666;
}

.ParalaxImage1, .ParalaxImage2, .ParalaxImage3 {
  position:relative;
  opacity:0.7;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  background-attachment:fixed;
}

#textwhite {
  color:white !important;
}

.ParalaxImage1 {
  background-image:url('../../assets/img/image1.jpg');
  min-height:60vh;
}

.ParalaxImage2 {
  background-image:url('../../assets/img/image2.jpg');
  min-height:400px;
}

.ParalaxImage3 {
  background-image:url('../../assets/img/image3.jpg');
  min-height:400px;
}

.section {
  text-align:center;
  padding:50px 80px;
}

#section1 {
  height:auto;
}

.sectionCard {
}

.section-light {
  background-color:#f4f4f4;
  color:#666;
}

.section-dark {
  background-color:#282e34;
  color:#ddd;
}

.btn {
  border-radius:30px 30px 30px 30px;
}

.ptext {
  position:absolute;
  top:50%;
  width:100%;
  text-align:center;
  color:#000;
  font-size:27px;
  letter-spacing:8px;
  text-transform:uppercase;
}

.ptext .border {
  background-color:#111;
  color:#fff;
  padding:20px;
}

.ptext .border.trans {
  background-color:transparent;
}

@media (max-width: 568px) {
  .ParalaxImage1, .ParalaxImage2, .ParalaxImage3 {
    background-attachment:scroll;
  }
}

@media (max-width: 600px) {
  .ptext {
    font-size:13px;
  }
}

@media (max-width: 600px) {
  .section.section-light {
    padding:50px 30px;
  }
}