.banner_index{
        bottom: 1px;
        /*border: chocolate solid 2px;*/
       
    }
.banner-index:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0;
}
.banner__img_index{
    width: 100%;
    height: 150px;
    /*object-fit:cover;   */
}
.banner__content_logo_index{
    width: 70%;
    position: absolute;
    top: 150px;
    left: 50%;
    
    
    transform: translateX(-50%) translateY(-50%);
    /*border: aqua solid 1px;*/
}

/* ************btn-whatsapp************** */
.btn-wsp {
    position: fixed;
    width: 50px;
    height: 50px;
    line-height: 70px;
    bottom: 40px;
    right: 40px;
    z-index: 100;
    border: chartreuse 1px solid ;
    border-radius: 10px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.5);

  
  }
  .btn-wsp :hover {
      transition: 0.5s ease-in;
      transform: scale(1.2);
      border: chartreuse 1px solid ;
  
  
  }
  
  /* ************btn-whatsapp************** */


.container_index{
    padding: 10px;
    margin: 5px;
    background: #a6b1b5;
    font-weight: bold;
    color: #013763;
    text-align: center;
    /*filter: drop-shadow(5px 5px 5px #000);*/
    box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.main__txt_index{
    font-weight: bold;
    font-size: 22px;
    
}

.main__about__description_rombos{
  
}




    .column__tittle_rombos_tel{
        font-size: 18px;
        /*background: #013763;*/
        color: #fff;
        }
    .column--50_tel{
        padding: 10px;
        margin: 1px;
        background: #013763;
        text-align: center;
        }

    .column__tittle_rombos_dir{
        font-size: 18px;
        /*background: #0079d0;*/
        color: #fff;
       }
    .column--50_dir{
        padding: 10px;
        margin: 1px;
        background: #0079d0;
        text-align: center
      }

.column--50_grafico_rombo{
        padding: 16px;
        margin: 1px;
        filter: drop-shadow(1px 5px 3px #000);
        
}
.group__tittle__fabricamos_p_calidad{
        padding: 5px;
        margin: 1px;
        text-align: center;
}
/*

-----------------351----------------
*/
@media screen and (min-width:351px){
    .banner__img_index{
    width: 100%;
    height: 190px;
        
    
  
}
   
.banner__content_logo_index{
    width: 65%;
    top: 170px;
    margin-left: -10px;
        
} 
    
.main__txt_index{
    font-size: 25px;
}   
    




    
    
    
}
    

/*

----------------------481---------------
*/
@media screen and (min-width:481px){
.banner__img_index{
    width: 100%;
    height: 190px;
  
}    
  
.banner__content_logo_index{
    width: 65%;
    top: 170px;
    margin-left: -10px;
        
}     
    
   .main__txt_index{
    font-size: 27px;
}   
    
.main__about__description_rombos{
    
}
    

    .column__tittle_rombos_tel{
        font-size: 18px;
        /*background: #013763;*/
        color: #fff;
        }
    .column--50_tel{
        padding: 10px;
        margin: 1px;
        background: #013763;
        text-align: center;
        }

    .column__tittle_rombos_dir{
        font-size: 18px;
        /*background: #0079d0;*/
        color: #fff;
       }
    .column--50_dir{
        padding: 10px;
        margin: 1px;
        background: #0079d0;
        text-align: center
      }

.column--50_grafico_rombo{
        height: 100%;
        width: 100%;
        padding: 16px;
        margin: 1px;
    
        filter: drop-shadow(1px 5px 3px #000);
    }
    
}
 
@media screen and (min-width:600px){

    .banner__img_index{
    width: 100%;
    height: 250px;
  
}
   
    .banner__content_logo_index{
    width: 65%;
    top: 210px;
    margin-left: -15px;
} 
        
  .main__txt_index{
    font-size: 40px;
}   
    
.main__about__description_rombos{
  display: flex;
 align-items: center;
}
    

/*telefno y direccion inicio*/
    .column--50_tel{
        width: 80%;
        padding: 10px;
        margin: 5px;
        margin-left: 50px;
        background: #013763;
        text-align: center;
filter: drop-shadow(1px 5px 3px #000);
        }
    .column__tittle_rombos_tel{
        font-size: 15px;
        color: #fff;
        }


    .column--50_dir{
        width: 80%;
        padding: 10px;
        margin: 5px;
        margin-left: 50px;
        background: #0079d0;
        text-align: center;
        filter: drop-shadow(1px 5px 3px #000);
      }
    .column__tittle_rombos_dir{
        font-size: 15px;
        color: #fff;
       }
/*telefono y direccion fin*/

.column--50_grafico_rombo{
        width: 110%;
        height: 10%;
        padding: 0px;
        margin: 5px;
    
        filter: drop-shadow(1px 5px 3px #000);
    }
    
        
    }

@media screen and (min-width:768px){
       .banner__img_index{
    width: 100%;
    height: 330px;
  
}
   
    .banner__content_logo_index{
    width: 85%;
    top: 260px;
    /*left: 450px;*/
    margin-left: -15px;
} 
        
  .main__txt_index{
    font-size: 50px;
}   
    
.main__about__description_rombos{
  display: flex;
 align-items: center;
}
    

/*telefno y direccion inicio*/
    .column--50_tel{
        width: 80%;
        padding: 10px;
        margin: 5px;
        margin-left: 50px;
        background: #013763;
        text-align: center;
filter: drop-shadow(1px 5px 3px #000);
        }
    .column__tittle_rombos_tel{
        font-size: 15px;
        color: #fff;
        }


    .column--50_dir{
        width: 80%;
        padding: 10px;
        margin: 5px;
        margin-left: 50px;
        background: #0079d0;
        text-align: center;
        filter: drop-shadow(1px 5px 3px #000);
      }
    .column__tittle_rombos_dir{
        font-size: 15px;
        color: #fff;
       }
/*telefono y direccion fin*/

.column--50_grafico_rombo{
        width: 110%;
        height: 10%;
        padding: 0px;
        margin: 5px;
    
        filter: drop-shadow(1px 5px 3px #000);
    } 
    
.group__tittle__fabricamos_p_calidad{
        padding: 5px;
        margin: 1px;
        text-align: center;
        font-size: 23px;
}
}
/*diferencia de 168px*/
@media screen and (min-width:936px){
    .banner__img_index{
    width: 100%;
    height: 390px;
  
}
   
    .banner__content_logo_index{
    /*background: #000;*/
    width: 1100px;
    height: 35%;
    /*align-items: center;*/
    margin-left: -10px;
    margin-top: 30px;
    


}
    
    .logo-dizatel{
     width: 50%;
     height: 100%;

            }    
        
  .main__txt_index{
    font-size: 60px;
}   
    
.main__about__description_rombos{
  display: flex;
 align-items: center;
}
    

/*telefno y direccion inicio*/
    .column--50_tel{
        width: 85%;
        padding: 10px;
        margin: 20px;
        margin-left: 60px;
        background: #013763;
        text-align: center;
        filter: drop-shadow(1px 5px 3px #000);
        }
    .column__tittle_rombos_tel{
        font-size: 23px;
        color: #fff;
        }


    .column--50_dir{
        width: 85%;
        padding: 10px;
        margin: 20px;
        margin-left: 60px;
        background: #0079d0;
        text-align: center;
        filter: drop-shadow(1px 5px 3px #000);
      }
    .column__tittle_rombos_dir{
        font-size: 23px;
        color: #fff;
       }
/*telefono y direccion fin*/

.column--50_grafico_rombo{
        width: 110%;
        height: 10%;
        padding: 0px;
        margin: 5px;
    
        filter: drop-shadow(1px 5px 3px #000);
    } 
    
.group__tittle__fabricamos_p_calidad{
        padding: 5px;
        margin: 1px;
        text-align: center;
        font-size: 28px;
}
}