* { 
    margin: 0%;
    padding:0%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
   
     }
     header{  
       display: grid;
        
    }
       
       .nav-link{ 
         
         max-height: 30px;

    } 

    
    .princ{ 
        display: grid;
        grid-template-columns:repeat(auto-fill, minmax(16rem, 1fr));
        grid-auto-rows: 17rem;
        gap: 20px;
       
    } 
    h1{ 
        display: grid;
        font-size: 50px;
        color: rgb(5, 88, 31);
        font-family:'Langosta', cursiva;
     
    }
    .titulo { 
        background-color: bisque;
        height: 150px;
        text-align: center;
        display:grid;
        margin-bottom: 0%;
      
    }
    
    .foto-titulo{ 
        display: grid;
        margin-top: 1%;
       align-items: center;
       width: 70%;
       margin-right: 15%;
       margin-left: 15%;
    

    }
    .foto-titulo img{   

     width: 100%;
     height: 100%;
       }
       
    .trayectoria p{ 
       font-size: 30px;
        display:flex;  
        width: 100%;
        height: 100%;
        margin-bottom: 10%;
              }

   .florales img:hover{ 
        transform: scale( 1.1 )
    }
       
    .negocio p{ 
        display: grid;
        font-size: 20px; 
        height: 100%;
        width: 80%;
        margin-left: 10%;
        text-align: center;
        
    } 
      .subtitulos{  
        display: grid; 
        width: 100%;
       } 
    h2{
        display:grid; 
        width: 100%;
        
        color: rgb(5, 88, 31);
         font-family:'Langosta', cursiva; 
         text-align: center;
        font-size: 40px;
       
        
    }
   
    body{
       
        
       background-color: bisque;
    }
     .arreglos{
       
        max-width: 1100px;
        margin: 100px auto;
        display: grid;
        grid-template-columns:repeat(auto-fill, minmax(22rem, 1fr));
            grid-auto-rows: 25rem;
        outline:6px coral solid;
     }
     .florales{
        background-color: antiquewhite;
        padding: 22px;
        border-color: bisque 1px solid;
    }
     .coronas{
      margin-top: 80px;
     }
    
    
    
    img{
        width: 100%;
        height: 100%;
        border-radius: 15px;
       
    }
    
    
    
    
.contenedor { 
    width: 30%;
    margin-left: 0%;
    display: grid; 
grid-template-columns: 1fr;
} 

    
        
.instagran {  
        display: flex;
        margin-top: 2px;
       width: 300px;
        height: 40px;
        align-items: center;
       margin-left: 0%;
        
} 
.instagran img{
        display:block;
        width: 35px;
        height: 35px;
        align-items: center;

}
.instagran p{
        display:flex;
        color: blanchedalmond;
        font-size: 25px;
        margin-left: 0%;
        width: 100%;
        height: 100%;
        margin-top: 0% ;
        margin-bottom: 0%;
      
} 
.tel{ 
    display: flex;
    margin-top: 2px;
    width: 300px;
    height: 40px;
    align-items: center;
 } 
 .tel img{   
    display: flex;
    width: 35px;
    height: 35px;
    align-items: center;
  }
  .tel p{  
    color: blanchedalmond;
    font-size: 25px;
    margin-right: 20%;
    margin-left: 0%;
    width:100%;
    height: 30px;
    margin-top: auto ;
    margin-bottom: auto;

}  
.tel-2{ 
    display: flex;
    margin-top: 2px;
    width: 300px;
    height: 40px;
    align-items: center;
 } 
 .tel-2 img{   
    display: flex;
    width: 35px;
    height: 35px;
    align-items: center;
  }
  .tel-2 p{  
    color: blanchedalmond;
    font-size: 25px;
    margin-right: 20%;
    margin-left: 0%;
    width: 100%;
    height: 30px;
    margin-top: auto ;
    margin-bottom: auto;

} 
.google{ 
    display: flex;
    margin-top: 2px;
    width: 300px;
    height: 40px;
    align-items: center;
 } 
 .google img{   
    display: flex;
    width: 35px;
    height: 35px;
    align-items: center;
  }
  .google p{  
    color: blanchedalmond;
    font-size: 25px;
    margin-right: 20%;
    margin-left: 0%;
    width: 100%;
    height: 30px;
    margin-top: auto ;
    margin-bottom: auto;

} 


    p{       
      
     
        font-family:'Langosta', cursiva; color:rgb(2, 0, 1); 
        text-align: center;
        font-size: 40px;
        font-weight: 10px;    
     }
   
         

 footer{
                   
     background-color: rgba(43, 31, 18, 0.6);
     margin-bottom: 0%;
     margin-top: 0%; 
     width: 100%;
     height: 200px;

      
         
}