* {
  padding: 0px;
  margin: 0;
}

body, html {
  line-height: 1.5;
  overflow-x: hidden !important;
  font-family: Arial, Helvetica, sans-serif;
}

.logo{
 display: block;
 text-align: center;
 position: relative;
 padding-top: 25px;
 margin-top: 0px;
}

.list{
  background-color: #f3f3f3;
  min-height: 70vh;
  text-align: center;
}

.list-itens {
 padding: 15px;
 color: #fff;
 text-align: center;
 
}

.list-itens button {
background-color: #fada1f;
border: 0px solid;
color: #0d0d0c;
border-radius: 5px;
transform: scale(1.1);
font-weight: bolder;
font-size: 15px;
padding: 10px 30px;
box-shadow:  2px 2px 2px #37373794;
}

.list-itens button:hover {
  transition: all 0.1s linear;
  transform: scale(1.1);
  color: black;
  background: #fff;
  border: solid;
  border-color: #fada1f;
}

.list-itens-zap button {
  background-color: #fada1f;
  border: 0px solid;
  color: #0d0d0c;
  border-radius: 5px;
  transform: scale(1.1);
  font-weight: bolder;
  font-size: 15px;
  padding: 10px 14px;
  box-shadow:  2px 2px 2px #37373794;
}

.list-itens-zap button:hover {
  transition: all 0.1s linear;
  transform: scale(1.1);
  color: black;
  background: #fff;
  border: solid;
  border-color: #fada1f;
}

.list-itens-goomer button {
  background-color: #fada1f;
  border: 0px solid;
  color: #0d0d0c;
  border-radius: 5px;
  transform: scale(1.1);
  font-weight: bolder;
  font-size: 15px;
  padding: 10px 21px;
  margin-block: 13px;
  box-shadow:  2px 2px 2px #37373794;
}

.list-itens-goomer button:hover {
  transition: all 0.1s linear;
  transform: scale(1.1);
  color: black;
  background: #fff;
  border: solid;
  border-color: #fada1f;
}

.list-itens-endereço button {
  background-color: #fada1f;
  border: 0px solid;
  color: #0d0d0c;
  border-radius: 5px;
  transform: scale(1.1);
  font-weight: bolder;
  font-size: 15px;
  padding: 10px 60px;
  box-shadow:  2px 2px 2px #37373794;
}

.list-itens-endereço button:hover {
  transition: all 0.1s linear;
  transform: scale(1.1);
  color: black;
  background: #fff;
  border: solid;
  border-color: #fada1f;
}

.obs{
  color: rgb(45, 45, 45);
  font-size: 10px;
}

.redes{
  text-align: center;
}

.insta button{
 /* background-color: #fada1f;
  border: 0px solid;
  color: #0d0d0c;
  border-radius: 100px;
  font-weight: bolder;
  padding: 8px 8px;
  box-shadow:  2px 2px 2px #37373794; */
  border: 0px solid;
}

.insta button:hover {
 /* transition: all 0.1s linear;
  transform: scale(1.1);
  color: black;
  background: #fff;
  border: solid;
  border-color: #fada1f; */
  transition: all 0.1s linear;
  transform: scale(1.1);
}

footer {
  background-color: #0d0d0c;
  color: #fff;
  text-align: center;
  position: fixed;
  bottom: 0px;
  width: 100%;
  padding: 8px;
  font-size: 10px;
}

@media screen and (max-width: 600px) {

.list{
  text-align: center;
  min-height: 70vh;
  /* background: linear-gradient(rgba(0, 0, 0, 0.692), rgba(0, 0, 0, 0.692)),url(./img/foto1.jpg); */
  background-position-y: center;
  background-size: 510px;
  
 }

}


/*
cores:
#fada1f - laranja
#0d0d0c - preto
#5d5d5d - cinza
#848484 
#dad9ca