body {
  margin: 0;
  padding: 0;
  font-family: 'Arial', sans-serif;
}

header {
  background-color: #ee680f;
  color: #fff;
  text-align: center;
  padding: 5px;
  position: sticky;
  top: 0;
  z-index: 100;
}

.title {
  font-size: 200%;
  margin-bottom: 0;
  padding: 0 150px 0 150px;
}

section {
  text-align: center;
  color: #333;
  position: relative;
}

.section1 {
  background-color: #ecf0f1;
}

.section1-content {
  max-width: 1040px;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  justify-content: center;
}

.side-by-side-2 {
  display: flex;
  justify-content: space-between;
}

.side-by-side-2 img {
  width: 100%;
  box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.38);
}

.additional-text {
  text-align: left;
  font-size: 130%;
}

.side-by-side-2 div {
  width: 50%;
  box-sizing: border-box;
  padding: 20px;
  margin-bottom: 20px;
}

.side-by-side-4 {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  padding: 10px;
}

.side-by-side-4 h2 {
  height: 60px;
}

.side-by-side-4 div {
  width: 24%;
  box-sizing: border-box;
  border: 1px solid #ddd;
  padding: 15px;
  margin-bottom: 20px;
}

.content-container-multiple {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 10px;
}

.content-container-multiple div {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ddd;
  padding: 20px;
  margin: 10px 0 10px 0;
  margin-bottom: 20px;
}

.content-container-faq {
  display: flex;
  justify-content: start;
  text-align: start;
  flex-direction: column;
  padding: 20px;
}

.content-container-faq div {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 5px;
}

.content-container-faq div h2 {
  margin-bottom: -5px;
}

.content-container-faq div p {
  font-size: 120%;
}

.content-container-faq div ol li {
  font-size: 120%;
}

.section2 {
  background-color: #60713A;
  color: #fff;
}

.section3 {
  background-color: #D8D1BD;
  color: #336021;
}

.section4 {
  background-color: #F8DCC8;
}

.content-container {
  display: flex;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  max-width: 1040px;
  margin: 0 auto;
  padding: 30px;
  box-sizing: border-box;
}

.content-container h1 {
  padding: 0 180px 0 180px;
}

.content-container-header {
  max-width: 1040px;
  margin: 0 auto;
  padding: 10px;
  box-sizing: border-box;
}

.mobile-text { 
  display: none; 
}

footer {
  background-color: #00999E;
  color: #fff;
  text-align: center;
  padding: 5px;
  height: 60px;
}

.content-container-footer {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  max-width: 1040px;
  margin: 0 auto;
  box-sizing: border-box;
}

.float-whats-web {
  position: fixed;
  bottom: 30px;
  z-index: 100;
  right: 30px;
  font-size: 18px;
}

.float-whats-app {
  display: none;
}

.float-whats-web img {
  width: 70px;
}

.float-whats-app img {
  width: 70px;
}

.flip-horizontally {
  transform: scaleX(-1);
}

.cta-container {
  display: flex;
  justify-content: center;
  width: 100%;
}

.cta-container-mobile {
  display: none;
}

.cta-link {
  margin-top: 20px;
  margin-bottom: 30px;
  background-color: #F16334;
  font-weight: 600;
  text-align: center !important;
  justify-content: center;
  padding: 20px 20px 20px 20px;
  border-radius: 6px;
  cursor: pointer;
  outline: none;
  transition: 0.2s all;
  width: 60%;
  font-size: 150%;
  box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, 0.24);
}

.cta-link:active { 
  transform: scale(0.98); 
  box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); 
} 

.cta-link a {
  color:#FFF !important;
  text-decoration: none !important;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.video-container-full {
  display: flex;
  justify-content: center;
  text-align: center;
  width: 92%;
  background-color: #FFF;
  padding: 20px;
  margin-left: 20px;
  margin-right: 0px;
  margin: 0 20px 30px 20px;
  box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.38);
}

.video-container-mobile {
  display: none;
} 

.brand {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  margin: 0 auto;
  box-sizing: border-box;
  width: 60%;
}

.brand a {
  text-decoration: none;
  color: #FFF;
  font-weight: 600;
  transition: 0.2s all;
  cursor: pointer;
} 

.policies {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin: 0 auto;
  box-sizing: border-box;
  width: 30%;
}

.policy-link {
  text-decoration: none;
  color: #FFF;
  font-weight: 600;
  transition: 0.2s all;
  cursor: pointer;
}

@media screen and (max-width: 600px) {  
  .side-by-side-4 h2 {
    height: 30px;
  }

  header {
    padding: 0;
  }

  .content-container-header {
    padding: 0;
  }

  .full-text { 
    display: none; 
  }

  .title {
    margin-top: 0;
    padding: 0px;
  }
  .content-container h1 {
    padding: 0;
  }

  .content-container {
    padding: 20px;
  }

  .side-by-side-2 {
    flex-direction: column;
  }

  .side-by-side-2 div {
    width: 100%;
    margin: -5px;
  }

  .side-by-side-4 {
    flex-direction: column;
  }

  .side-by-side-4 div {
    width: 100%;
  }

  .mobile-text { 
    display: inline-block; 
  }

  .content-container-multiple {
    flex-direction: column;
  }

  .content-container-multiple div {
    width: 100%;
  }

  .content-container-faq {
    flex-direction: column;
  }

  .content-container-faq div {
    width: 100%;
  }

  .float-whats-app {
    position: fixed;
    bottom: 10px;
    z-index: 100;
    right: 10px;
    font-size: 18px;
  }

  .cta-container {
    display: none;
  }

  .cta-container-mobile {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .cta-link {
    margin-top: 20px;
    margin-bottom: 30px;
    width: 80%;
    font-size: 130%;
  }

  .video-container-full {
    display: none;
  }

  .float-whats-web {
    display: none;
  }

  .float-whats-app {
    display: inline-block; 
    position: fixed;
    bottom: 10px;
    z-index: 100;
    right: 10px;
    font-size: 18px;
  }

  .video-container-mobile {
    display: inline-block; 
    width: 83%;
    padding: 10px;
    margin: 15px 20px 30px 16px;
    justify-content: center;
    text-align: center;
    background-color: #FFF;
    box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.38);
  }
}