/* :root {
  --altura: 500px;
} */

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: "Courier New", "Monaco", "Lucida Console", "Arial";
}

body {
  background: #13193d;
}

body,
html {
  height: 100%;
}

#header {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-image: url(img/inteltec_01.jpeg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 15px 0;
  border-radius: 10px;
}

article {
  color: white;
  width: 100%;
  height: 100%;
  padding: 3% 6%;
  font-size: 25px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

article > h2 {
  margin-bottom: 10px;
}

article > p {
  margin-bottom: 10px;
  font-weight: bold;
}

#cftv {
  background-image: url(img/cftv_03.jpg);
  background-size: cover;
  background-position: center;
  opacity: 0.7;
}

#interfone {
  background: white;
  background-image: url(img/interfone_01.jpg);
  background-size: auto 80%;
  background-repeat: no-repeat;
  background-position: left;
  background-attachment: fixed;
  opacity: 0.7;
}

#interfone > article {
  color: black;
  width: 100%;
  justify-content: center;
  align-items: flex-end;
  padding-right: 4%;
}

#portao {
  background-image: url(img/portao_01.jpg);
  background-size: cover;
  opacity: 0.7;
}

#portao > article {
  color: black;
  justify-content: flex-start;
  /* padding: 70px 0 20px 70px; */
  padding: 7%;
}

#alarme {
  background: white;
  background-image: url(img/alarme_10.webp);
  background-size: auto 70%;
  background-repeat: no-repeat;
  background-position: right;
  background-attachment: fixed;
  opacity: 0.7;
}

#alarme > article {
  color: black;
  width: 50%;
  height: 90%;
  justify-content: center;
  align-items: flex-start;
}

#manutencao {
  width: 100%;
}

#manutencao > article {
  width: 100%;
  color: white;
  justify-content: center;
  align-items: center;
  padding: 0;
}

#manutencao > article > p {
  padding: 25px;
}

footer {
  width: 100%;
  height: 100%;
  background-image: url(img/inteltec_02.jpeg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
}

#cloudsxp {
  position: fixed;
  left: 25px;
  bottom: 25px;
  width: 50px;
}

#whatsapp {
  position: fixed;
  right: 25px;
  bottom: 25px;
  width: 50px;
}

#cliente {
  position: fixed;
  right: 25px;
  top: 25px;
  width: 50px;
}