#epa{

    text-align: center;
    align-items: center;
    margin: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
   
    position: relative;
} 
 
 
 #container{
    width:360px;
    height: 240x;
    position: relative;
    display: flex;
    margin: 5px;
  

 }


#fotos{
    width: 100%;   
    
    padding: 0px;
    border-radius: 10px;
    margin: 8px;
    
    

    
}


#texto{
    text-align: center;
    position: absolute;
    top: 80%;
    color: white;
    left:  20px;
    font-size: 24px;
    font-family: Georgia, serif;
    
    
}
#texto:hover{
    cursor: Pointer;
}
#di{
   right: 100px;
    margin-left: 65px;
}

#centro{
   
    position: absolute;
    left: 400px;
    font-size: 40px;
    
}




#fotos:hover{
   
  
   border-color: black ;
    opacity: 0.9;
    
    cursor: Pointer;
    filter: brightness(.4);
   
    height: 239x;
 

}

#bot{
    
    padding: 10px;
}


#carouselExampleControls{
    width: 720px;
   margin: 50px;
   
    border-radius: 10px;
    padding-bottom: 10px;
    position: relative;

    display: flex;
    flex-wrap: wrap;
    
    
}

.conteiner{
    position: relative;
}



h4{
    margin: 60px;
}

#banner{
    filter: brightness(.4);
    height: 560px; 
}

#div2{
    border-radius: 10px;
    padding-right: 100px;
    
}


#icons{
    display: flex;
    flex-wrap: wrap;
    margin-left: 20px;
    position: relative;
    
   
}

#icons_width{
    
    width: 25px;
    height: 25px;
    display: flex;
    
    top: -5px;
    margin-left: 30px;
    
}

#icon_text{
    margin-left: 10px;
}