/* MENU */

.logo {
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 4px; 
  }
  
  .imagem {
    list-style: none;
    margin-left: 70px;
  }
  
  .logo {
    margin-left: 10px;
  }
  nav {
    display:flex;
    align-items:center;
    font-family: system-ui, -apple-system, Helvetica, Arial, sans-serif;
    background: #23232e;
    height: 8vh;
  }
  
  .list {
    list-style: none;
    display: flex;
    margin-left: 250px;
  }
  
  .list li {
    letter-spacing: 3px;
    margin-left: 25px;
  
  }
  /* Fim do Menu */

  .figures {
    width: 270px;
    height: 290px;
        /*bordar da imagem tamanho da espessura estado e cor*/
    border: 5px solid #000000 ;
    margin-left: 5%;
    }
  
  /* rodapé */

  body{
      background: #001d38;
     
}

  



  .foto{
  width: 104px;
  height: 104px;
      /*bordar da imagem tamanho da espessura estado e cor*/
  margin-left: 0%;
  border-radius: 50%;
  }
  

  * {
    margin: 0px;
    padding: 0px;
  }
  
  .menu ul {
    list-style-type: none;
    position: fixed;
  }
  
  .menu {
    width: 1500px;
    height: 91px;
    background-color: black;
    color: darksalmon;
    font-family: Arial;
  }
  
  .menu li a {
    padding: 30px;
    display: flex;
    text-decoration: none;
    text-align: center;
    background-color: black;
    color: white;
  }
  
  .menu a:hover {
    background-color: white;
    color: black;
  }
  
  .menu ul li:hover ul {
    height: 420px;
    max-height: 500px;
  }
  
  .menu ul li {
    width: 150px;
    float: left;
  }
  
  .menu ul ul {
    position: static;
    overflow: hidden;
    max-height: 0;
  }

  header{
    width: 98.43%;/*tamanho do cabeçalho*/
    font-family: Arial, Helvetica, sans-serif;/*letra do cabeçalho*/
    display: flex;/*fipo do display   "Flexivel"*/
    justify-content: space-around;/*deixa os elementos divididos de forma central*/
    position: fixed;/*posição absolute*/
    top: 0;/*serve para deixar o cabeçalho em cima*/
    padding: 15px;/*margem interna do cabeçalho de 15px*/
    font-size: 20px;/*tamanho da letra*/
    color: white;/*cor da letra*/
    background-color: black;/*cor de fundo*/
    text-align: center;/*texto alinhado no centro*/
    }
 
    .ajuda{
      width: 30px;
      height: 30px;
      border-radius: 50%;
      }


  div.figure{
float: left;
width: 550px;
text-align: center;
font-style: italic;
}
         
.pt2{
    color: rgb(0, 122, 124);
    font-size:50px; 
    font-family:fantasy;
    text-align: left;
    margin-left: 5%;
         
}

.pt1{
    color: rgb(0, 122, 124);
    font-size:50px; 
    font-family:fantasy;
    margin-left: 100px;
}

.pt4{
  color: rgb(0, 122, 124);
  font-size:50px; 
  font-family:fantasy;
  margin-left: 5%;
  
}

.verde{
height: 640px;
width: 580px;
background-color:#a19b9b ;
margin-left: 1250px ;
margin-top: 0px;
border-radius: 10%;

}


.vermelho{
  height: 640px;
  width: 580px;
  background-color:rgb(248, 248, 240); 
  margin-left: 1250px;
  margin-top: -2000px;
  border-radius: 50%;
  }

  .roxo{
    height: 640px;
    width: 1000px;
    background-color:#acadad; 
    margin-left: 100px;
    margin-top: 350px;
    border-radius: 10%;
    }

.azul{
height: 640px;
width: 1000px;
background-color:#acadad;
margin-left: 100px;
margin-top: -650px;
border-radius: 10%;


}
.cinza{
  width:560px; 
  height:315px;
  margin-left: -50px;
  margin-top: 100px;
}
.branco{
  width:560px; 
  height:315px;
  margin-left: 800px;
  color: white;
  bottom: 20px;
  font-size: 20px;
}


footer{ 
    height: 200px;
    width: 98.43%;
    font-family: Arial, Helvetica, sans-serif;
    display: flex;
    justify-content: space-around;
    position:absolute;
    bottom: -1700px;
    padding: 15px;
    font-size: 20px;
    color: rgb(248, 245, 245);
    background-color: black;
    text-align: left;
    
    }
    
    
    div.loc{
    
     height: 200px; 
     width: 400px;
    }
    
    div.redes{
      height: 200px;
      width: 310px;
    }
    
    div.logo{
      height: 200px;
      width: 350px;
    }
    
      .numero {
        margin-right: 179px;
        margin-top: 20px;
      }
       #localizacao {
        margin-right: 10px;
        margin-top: -10px;
       }
       #telefone {
        margin-left: -15px;
        
       }
    
    .foto1{
      width: 290px; 
      height: 80px;
    
    }
    
    .foto2{
      border-radius: 20%;
    width: 280px;
    height: 140px;
    
    }
    
    .foto3{
      width: 60px;
      height: 60px;
    }
    
    .foto4{
      width: 60px;
      height: 60px;
    }
    
    .foto5{
      width: 60px;
      height: 60px;
    }
    
    .foto6{
      width: 40px;
      height: 40px;
    }
    
    .foto7{
      width: 70px;
      height: 70px;
    }
       /* Fim do Rodapé */