.contitulo{

    display:  flex;

    justify-content: center;

    

    }

 .contnombresucursal{



    width: 100%;

    background-color:#390a04;

    padding-top: 20px;

    padding-bottom: 20px;

    color: white;

    display: flex;

    justify-content: center;

    font-size: 40px;

    font-weight: bold;

    align-items: center;

   

 }   



 .consucursal{



   

    width: 100%;

    max-width: 1200px;

  

    padding-top: 20px;

    padding-bottom: 20px;

    display: flex;

 }

 .bory{



   display: flex;

   flex-direction: column;

   justify-content: center;

   align-items: center;

 }



 .sucursalfoto{

   width: 500px;

  

   

 }



 .sucursalfoto img{

   width: 100%;



 }

.contnumeros{



      display: flex;

         flex-direction: column;

}

.condatos{

   background-color: #390a04;

 

   display: flex;

 

   color: white;

   max-width: 300px;

   width: 100%;

   padding: 5px;

   font-size: 23px;

   font-weight: bold;

   justify-content: space-evenly;

   align-items: center;

   border-radius: 11px;

   

}



.condatos img{



   width: 50px;

}

.contnumeros{



   display: grid;

   grid-template-columns: auto auto;

    

   align-items: center;

   justify-content: space-between;

   row-gap: 30px;

   padding-right: 20px;

   box-sizing: border-box;

}

.contesto{



   display: flex;

   flex-direction: column;



   width: 58%;

    justify-content: space-around;

    padding-left: 24px;



}



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



   .consucursal{



      display:contents ;

   }



   .contesto{

      width: 100%;

     

   }



   .contnumeros{

      justify-items: center;

      justify-content: initial;

   }



   .condatos{



      max-width: 500px;

      width: 90%;

   }



}





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



   .contnumeros{

         padding-top: 20px;

         padding-bottom: 20px;

         height: auto;

      align-items: center;

      display: flex;

      flex-direction: column;

      gap: 47px;

   }







}



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



   .sucursalfoto{

      width: 100%;

   }



   .contnombresucursal{

      font-size: 29px;

   }









}







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



 

   .contnombresucursal{

      font-size: 25px;

   }









}