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

.navegacao {
  display: none;
}

header {
  background-image: url("./assets/Background2.png");
  background-position: top right;
}

#Inicio {
  justify-content: center;
}

#Inicio p {
  width: 90%;
  align-self: center;
  text-align: center;
}

#Inicio a {
  margin-top: 10px;
  align-self: center;
}

#Asterisco {
  width: 90%;
  margin: 5px auto;
  margin-bottom: 20px;
}

video {
  width: 85%;
}

#Clinicas {
  display: block;
}
  
#Clinicas aside {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

.container-local {
  width: 90%;
  gap: 20px;
  margin: 35px auto;
}

article {
  margin-bottom: 50px;
}

#BackgroundSlogan {
  display: none;
}

#Duvidas h2 {
  font-size: 36px;
}
}

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

nav img {
  width: 70px;
}

ul a{
   margin: 0px;
}

.botao-laranja1 {
  font-size: 14px;
}
  
#Inicio p {
  width: 100%;
}

#Asterisco {
  margin: 10px auto;
  margin-bottom: 20px;
}
  
video {
  width: 95%;
}
  
.container-local {
  width: 100%;
}

article {
  margin-bottom: 50px;
}

details {
  width: 100%;
  margin: 30px 0;
}

summary h3 {
  padding: 20px;
}

details li {
  margin-right: 15px;
}

details[open] li {
  margin-right: 15px;
}

details p {
  padding-left: 20px;
}
}