/* css/style.css com ajustes responsivos */
body {
  font-family: Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  line-height: 1.25;
  background-color: #fdf07c;
  color: #262;
}
nav ul {
  list-style: none;
  background: #333;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
nav ul li {
  margin: 5px 10px;
}
nav ul li a {
  color: #fff;
  text-decoration: none;
  padding: 8px 12px;
  display: block;
}
.parallax {
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-shadow: 0 0 10px rgba(0,0,0,0.7);
  text-align: center;
  padding: 0 15px;
}
.hero-text {
  text-align: center;
}
form {
  max-width: 500px;
  margin: 20px auto;
  display: flex;
  flex-direction: column;
  padding: 0 15px;
}
form input, form button {
  margin-bottom: 15px;
  padding: 10px;
  font-size: 1em;
}
@media (max-width: 768px) {
  nav ul {
    flex-direction: column;
    align-items: center;
  }
  .parallax {
    background-attachment: scroll;
    height: 400px;
  }
  .hero-text h1 {
    font-size: 1.8em;
  }
  .hero-text p {
    font-size: 1em;
  }
  form {
    width: 100%;
  }
}

.btn-whatsapp-pulse {
background: #25d366;
position: fixed;
bottom: 30px;
right: 30px;
display: flex;
justify-content: center;
align-items: center;
width: 0;
height: 0;
padding: 40px;
border-radius: 50%;
animation-name: pulse;
animation-duration: 1.5s;
animation-timing-function: ease-out;
animation-iteration-count: infinite;
}

@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
}
80% {
box-shadow: 0 0 0 24px rgba(37, 211, 102, 0);
}
}

.btn-whatsapp-pulse-border {
bottom: 120px;
right: 20px;
animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
content: “”;
position: absolute;
border-radius: 50%;
padding: 25px;
border: 5px solid #25d366;
opacity: 0.75;
animation-name: pulse-border;
animation-duration: 1.5s;
animation-timing-function: ease-out;
animation-iteration-count: infinite;
}

@keyframes pulse-border {
0% {
padding: 25px;
opacity: 0.75;
}
75% {
padding: 80px;
opacity: 0.65;
}
100% {
padding: 120px;
opacity: 0.30;
}
}

.left {
    width: 100px;
    height: 49%;
    display: inline-block;
}

.right {
    width: 100px;
    height: 49%;
    display: inline-block;
}

section{
	padding: 25px;
}

footer{
	background-color: #303030;
	color: white;
	text-orientation: center;
}