.dropbtn {
 background-color: #000000;
    color: white;
}


.dropdown {
  position: relative;
  display: inline-block;
  float: right;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #000000;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.accordion-button{
       background: white;
}
#myDropdown .mail{    background-color: #646464;
    padding: 7px;
    border-radius: 50%;
    color: white;}
    #myDropdown .face{    background-color: #3b5998;
    padding: 7px;
    border-radius: 50%;
    color: white;}
    #myDropdown .twit{    background-color: #1DA1F2;
    padding: 7px;
    border-radius: 50%;
    color: white;}
    #myDropdown .link{    background-color:  #0077b5;
    padding: 7px;
    border-radius: 50%;
    color: white;}
.dropdown a:hover {background-color: #ddd; color: black;}

.show {display: block;}
.banner{
   background-color: black;
   padding: 100px;
}

.adt-data h3{    font-size: 18px;}
.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #242262;
   color: white;
   text-align: center;
}
.footer p{margin-bottom: 0; padding: 10px 0px;}
a{
   text-decoration: none;
}
.display{
   display: inline-flex;
    list-style-type: none;
}
.display a li i{    font-size: 30px;    color: black;
    padding: 20px;} 
    .display a li i:hover{    font-size: 30px;    color: #e63b3e;
    padding: 20px;} 
.left-data a{
   color: grey;
}
.display1{
   display: flex; color: black;    padding-left: 0px;
   list-style-type: none; margin-bottom: 0;
}
.display1  li .mobil{    font-size: 40px;
    margin-right: 18px;}
.display1  li i{    font-size: 35px;
    margin-right: 8px;}
.display1 i{   color: #242262;} 
.display1 .mob{    text-overflow: ellipsis;    overflow-x: hidden;
    white-space: nowrap;}
.adt-data{
   border: 4px solid black;margin-top: -75px;
}
.data-home
{
   list-style-type: none;
    display: flex;
    padding: 10px 20px;
}
.data-home a{color: #ffffff;    font-size: 20px;}
.data-home li{
    background-color:#242262;
    padding: 10px 15px;
    border-radius: 50%; margin: 0px 10px;
}
.data-home li:hover{
    background-color:#000000;
    padding: 10px 15px;
    border-radius: 50%; margin: 0px 10px;
}
.data-home .whatsap{
   background-color:  #25D366;
}

.data-home .insta{
   background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf)

}
.data-home .envelp{ background: #DB4437;}
.data-home .comment{background:#646464;}
.about img{
       width: 18px;
    margin-right: 20px;
}
.about-mobile
{
  display: none; 
}
@media only screen and (max-width: 768px) {
.data-home li{
background-color: #3597fb; 
    padding: 10px 15px;
    border-radius: 50%; margin: 0px 8px;
}
.data-home a {
    color: white;
    font-size: 15px;
}
.adt-data {
    border: 4px solid black;
    margin-top: 20px;
}

.about-mobile img{
   width: 18px;
    margin-right: 20px;
}
.data-home
{
   list-style-type: none;
    display: flex;
    padding: 10px 0px;
}
.banner
{
   display: none;
}
.about{
   display: none;
}
.about-mobile
{
   display: block;
}
}
.social .card-body{        padding: 2px 10px;
    background: #f9f9f9; color: black;
    border-radius: 0;}

    .social .card-body:hover{        padding: 2px 10px;
    background: #e4e4ff;
    border-radius: 0;}
    .follo:hover{background: #efefef;}
    .card{border-radius: 0;}