html
{
    
    width: auto;
    scroll-behavior: smooth;
    
}


header
{
    background-color: rgba(10, 10, 10, 0.959);
}

header .row 
{
    padding: 1px;
    margin: auto;
    
}

header .row a
{
    color: rgba(245, 245, 245, 0.959);
}

header .navbar .container li
{
    list-style: none;
}



body
{ 
    background-size: cover;
    width: 100%;
    
}



#sectionAcercaNosotros .row
{
        margin-right: 0px;
    margin-left: 0px;
}

.section2-container
{
    text-align: center;
    width: 100%;
    overflow: hidden;
    margin: 10px 0;
    border-radius: 2px;
}





#section2 .container-fluid .content-center h2
{
    color: rgb(0, 3, 43);
}

a:hover
{
    text-decoration: none;
}



@media only screen and (max-width: 320px)
{
    #sectionAcercaNosotros p
{
    padding-top: 3%;
    padding-bottom: 3%;
    padding-left: 10%;
    padding-right: 10%;
    text-align: center;
    font-size: 85%;
    color: darkslategrey;
    /* font-weight: bolder; */
    filter: drop-shadow(0px 0px 160px black);

}
    #sectionBuscar
    {
        margin-bottom: 50%;
    }

    #sectionBuscar h2
    {
        transition: opacity 1s ease 0s;
        opacity: 1;
        font-family: 'Cinzel', serif;
        background-color: rgba(0,0,0,0.5);
        filter: drop-shadow(2px 4px 6px black);
        border-radius: 50%;
        border: 2px solid snow;
        padding: 8%;
        margin-top: 12%;
        margin-left: 22%;
        margin-right: 23%;
        text-align: center;
        font-size: 450%;
        font-weight: 100;
        padding-top: 7%;
            
       
       
     
    }

    #sectionBuscar h1
    {
        transition: opacity 1s ease 0s;
        opacity: 1;
        font-family: 'Varta', sans-serif;
        color: snow;
        filter: drop-shadow(2px 4px 6px black);
        text-align: center;
        font-size: 170%;
        font-weight: 100;
        padding-top: 6%;

    }

    #sectionBuscar p
    {
        padding-left: 3%;
        padding-right: 3%;
        color: snow;
        filter: drop-shadow(2px 4px 6px black);
        text-align: justify;
        font-size: 90%;
    }

    #sectionBusqueda .btnStock 
{    
    opacity: 1;
    font-family: 'Crimson Pro', serif;
    text-align: center;
    padding-bottom: 85%;
    
       

   
 
}
#sectionBusqueda .btnStock button
{    
    border-radius: 5px;
    border: 2px solid rgb(153, 130, 0);      
    background-color: rgb(153, 130, 0);     
    transition: 1s;
}
#sectionBusqueda .btnStock button:hover
{    
    border-radius: 5px;
    border: 2px solid rgb(211, 190, 0);   
    background-color: rgb(211, 190, 0); 
    
    transition: 1s;
}


#sectionBusqueda .btnStock button a
{
    color: rgba(245, 245, 245, 0.959);
    font-size: 120%;
    transition: 1s;
}
#sectionBusqueda .btnStock button a:hover
{
    color: rgba(245, 245, 245, 0.959);
    font-size: 120%;
    transition: 1s;
}



#sectionAcercaNosotros h1
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Varta', sans-serif;
    color: rgba(48, 48, 48, 0.959);
    text-align: center;
    font-size: 145%;
    font-weight: bold;
    padding-top: 3%;
    filter: drop-shadow(0px 0px 37px black);
}

#sectionAcercaNosotros img
{
height: 100%;
width: 100%;
}

.section2-container img
{

    border-radius: 15px;
}


header .navbar .container .ini1 
{
    margin-top:5px;
}  
    
    header .navbar .container  .ini2
{
    margin-top: 5px;
}    

header .navbar .container  .nav-item1 a
{
    color: rgba(245, 245, 245, 0.959);  
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px ;  
    font-size: 150%;
    font-weight: 100;
    text-decoration: none;
    padding: 6px;
    margin: 1%;
    font-family: 'Cinzel', serif;
    transition: 0.6s;
}  
    
    header .navbar .container .nav-item2 a
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);    
    font-size: 100%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 3%;
    padding-bottom: 6%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

header .navbar .container  .nav-item1 a:hover
{
    
    color: rgba(245, 245, 245, 0.959);
    background: rgb(211, 207, 0);
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px ;  
    font-size: 150%;
    font-weight: 100;
    text-decoration: none;
    padding-bottom: 2px;
    padding-top: 2px;
    margin: 1%;
    font-family: 'Cinzel', serif;
    transition: all 0.6s;
}




header .navbar .container  .nav-item2 a:hover
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    font-size: 100%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 3%;
    padding-bottom: 6%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

header .navbar .container .nav-item3 a
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    font-size: 100%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 3%;
    padding-bottom: 6%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

header .navbar .container  .nav-item3 a:hover
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    font-size: 100%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 3%;
    padding-bottom: 6%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

footer .ref1 h1
{
    font-family: 'Cinzel', serif;
    color: snow; 
    font-size: 120%;
 
}

footer .ref1 h2
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Cinzel', serif;
    background-color: rgb(31, 31, 31, 0.6);
    border-radius: 50%;
    border: 2px solid snow;
    padding: 7%;
    margin-top: 12%;
    margin-left: 20%;
    margin-right: 21%;
    text-align: center;
    font-size: 450%;
    font-weight: 100;
    padding-top: 7%;
    transition: 0.6s;
   
 
}

footer .ref1 h2:hover
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Cinzel', serif;
    background-color: rgba(100, 100, 100, 0.959);
    border-radius: 50%;
    border: 2px solid snow;
    padding: 7%;
    margin-top: 12%;
    margin-left: 20%;
    margin-right: 21%;
    text-align: center;
    font-size: 450%;
    font-weight: 100;
    padding-top: 7%;
    transition: 0.6s;
   
 
}

footer h3
{
   font-family: 'Poppins', sans-serif;
    color: snow; 
    font-size: 90%;
 
}

footer .ref1 li a
{
    color: rgba(245, 245, 245, 0.959);    
    margin-left: -4%;
    margin-right: 5%;
    font-size: 150%;
    font-weight: 100;
    text-decoration: none;
    padding: 8px;
    /* margin: 0%; */
    font-family: 'Cinzel', serif;
    transition: 0.6s;
}  

footer .ref1 li a:hover
{
    
    color: rgba(245, 245, 245, 0.959);
    background: rgb(211, 207, 0);
    border-radius: 70px;   
    margin-left: -4%;
    margin-right: 5%;
    font-size: 150%;
    font-weight: 100;
    text-decoration: none;
    padding: 8px;
    /* margin: 0%; */
    font-family: 'Cinzel', serif;
    transition: 0.6s;
}

}

@media only screen and (min-width: 320px)
{
    #sectionAcercaNosotros p
{
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 7%;
    padding-right: 7%;
    text-align: center;
    font-size: 97%;
    color: darkslategrey;
    /* font-weight: bolder; */
    filter: drop-shadow(0px 0px 160px black);

}
    #sectionBuscar
    {
        margin-bottom: 30%;
    }

    #sectionBuscar h2
    {
        transition: opacity 1s ease 0s;
        opacity: 1;
        font-family: 'Cinzel', serif;
        background-color: rgba(0,0,0,0.5);
        filter: drop-shadow(2px 4px 6px black);
        border-radius: 50%;
        border: 2px solid snow;
        padding: 8%;
        margin-top: 12%;
        margin-left: 22%;
        margin-right: 23%;
        text-align: center;
        font-size: 450%;
        font-weight: 100;
        padding-top: 7%;
            
       
       
     
    }

    #sectionBuscar h1
    {
        transition: opacity 1s ease 0s;
        opacity: 1;
        font-family: 'Varta', sans-serif;
        color: snow;
        filter: drop-shadow(2px 4px 6px black);
        text-align: center;
        font-size: 230%;
        font-weight: 100;
        padding-top: 2%;

    }

    #sectionBuscar p
    {
        padding-left: 3%;
        padding-right: 3%;
        color: snow;
        filter: drop-shadow(2px 4px 6px black);
        text-align: justify;
        font-size: 99%;
    }

    #sectionBusqueda .btnStock 
{    
    opacity: 1;
    font-family: 'Crimson Pro', serif;
    text-align: center;
    padding-bottom: 48%;
    
       

   
 
}
#sectionBusqueda .btnStock button
{    
    border-radius: 5px;
    border: 2px solid rgb(153, 130, 0);      
    background-color: rgb(153, 130, 0);     
    transition: 1s;
}
#sectionBusqueda .btnStock button:hover
{    
    border-radius: 5px;
    border: 2px solid rgb(211, 190, 0);   
    background-color: rgb(211, 190, 0); 
    
    transition: 1s;
}


#sectionBusqueda .btnStock button a
{
    color: rgba(245, 245, 245, 0.959);
    font-size: 135%;
    transition: 1s;
}
#sectionBusqueda .btnStock button a:hover
{
    color: rgba(245, 245, 245, 0.959);
    font-size: 120%;
    transition: 1s;
}



#sectionAcercaNosotros h1
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Varta', sans-serif;
    color: rgba(48, 48, 48, 0.959);
    text-align: center;
    font-size: 160%;
    font-weight: bold;
    padding-top: 3%;
    filter: drop-shadow(0px 0px 37px black);
}

#sectionAcercaNosotros img
{
height: 100%;
width: 100%;
}

.section2-container img
{

    border-radius: 15px;
}


header .navbar .container .ini1 
{
    margin-top:5px;
}  
    
    header .navbar .container  .ini2
{
    margin-top: 5px;
}    

header .navbar .container  .nav-item1 a
{
    color: rgba(245, 245, 245, 0.959);  
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px ;  
    font-size: 150%;
    font-weight: 100;
    text-decoration: none;
    padding: 6px;
    margin: 1%;
    font-family: 'Cinzel', serif;
    transition: 0.6s;
}  
    
    header .navbar .container .nav-item2 a
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);    
    font-size: 100%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 3%;
    padding-bottom: 6%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

header .navbar .container  .nav-item1 a:hover
{
    
    color: rgba(245, 245, 245, 0.959);
    background: rgb(211, 207, 0);
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px ;  
    font-size: 150%;
    font-weight: 100;
    text-decoration: none;
    padding-bottom: 2px;
    padding-top: 2px;
    margin: 1%;
    font-family: 'Cinzel', serif;
    transition: all 0.6s;
}




header .navbar .container  .nav-item2 a:hover
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    font-size: 100%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 3%;
    padding-bottom: 6%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

header .navbar .container .nav-item3 a
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    font-size: 100%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 3%;
    padding-bottom: 6%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

header .navbar .container  .nav-item3 a:hover
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    font-size: 100%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 3%;
    padding-bottom: 6%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

footer .ref1 h1
{
    font-family: 'Cinzel', serif;
    color: snow; 
    font-size: 120%;
 
}

footer .ref1 h2
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Cinzel', serif;
    background-color: rgb(31, 31, 31, 0.6);
    border-radius: 50%;
    border: 2px solid snow;
    padding: 7%;
    margin-top: 12%;
    margin-left: 20%;
    margin-right: 21%;
    text-align: center;
    font-size: 450%;
    font-weight: 100;
    padding-top: 7%;
    transition: 0.6s;
   
 
}

footer .ref1 h2:hover
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Cinzel', serif;
    background-color: rgba(100, 100, 100, 0.959);
    border-radius: 50%;
    border: 2px solid snow;
    padding: 7%;
    margin-top: 12%;
    margin-left: 20%;
    margin-right: 21%;
    text-align: center;
    font-size: 450%;
    font-weight: 100;
    padding-top: 7%;
    transition: 0.6s;
   
 
}

footer h3
{
   font-family: 'Poppins', sans-serif;
    color: snow; 
    font-size: 90%;
 
}

footer .ref1 li a
{
    color: rgba(245, 245, 245, 0.959);    
    margin-left: -4%;
    margin-right: 5%;
    font-size: 150%;
    font-weight: 100;
    text-decoration: none;
    padding: 8px;
    /* margin: 0%; */
    font-family: 'Cinzel', serif;
    transition: 0.6s;
}  

footer .ref1 li a:hover
{
    
    color: rgba(245, 245, 245, 0.959);
    background: rgb(211, 207, 0);
    border-radius: 70px;   
    margin-left: -4%;
    margin-right: 5%;
    font-size: 150%;
    font-weight: 100;
    text-decoration: none;
    padding: 8px;
    /* margin: 0%; */
    font-family: 'Cinzel', serif;
    transition: 0.6s;
}
}

@media only screen and (min-width: 350px)
{
    #sectionAcercaNosotros p
    {
        padding-top: 5%;
        padding-bottom: 5%;
        padding-left: 7%;
        padding-right: 7%;
        text-align: center;
        font-size: 97%;
        color: darkslategrey;
        /* font-weight: bolder; */
        filter: drop-shadow(0px 0px 160px black);
    
    }
    #sectionBuscar
    {
        margin-bottom: 30%;
    }
    #sectionBuscar h2
    {
        transition: opacity 1s ease 0s;
        opacity: 1;
        font-family: 'Cinzel', serif;
        background-color: rgba(0,0,0,0.5);
        filter: drop-shadow(2px 4px 6px black);
        border-radius: 50%;
        border: 2px solid snow;
        padding: 8%;
        margin-top: 12%;
        margin-left: 26%;
        margin-right: 27%;
        text-align: center;
        font-size: 450%;
        font-weight: 100;
        padding-top: 7%;
            
       
       
     
    }

    #sectionBuscar h1
    {
        transition: opacity 1s ease 0s;
        opacity: 1;
        font-family: 'Varta', sans-serif;
        color: snow;
        filter: drop-shadow(2px 4px 6px black);
        text-align: center;
        font-size: 260%;
        font-weight: 100;
        padding-top: 2%;

    }

    #sectionBuscar p
    {
        padding-left: 3%;
        padding-right: 3%;
        color: snow;
        filter: drop-shadow(2px 4px 6px black);
        text-align: justify;
        font-size: 102%;
    }

    #sectionBusqueda .btnStock 
{    
    opacity: 1;
    font-family: 'Crimson Pro', serif;
    text-align: center;
    padding-bottom: 55%;
    
       

   
 
}
#sectionBusqueda .btnStock button
{    
    border-radius: 5px;
    border: 2px solid rgb(153, 130, 0);      
    background-color: rgb(153, 130, 0);     
    transition: 1s;
}
#sectionBusqueda .btnStock button:hover
{    
    border-radius: 5px;
    border: 2px solid rgb(211, 190, 0);   
    background-color: rgb(211, 190, 0); 
    
    transition: 1s;
}


#sectionBusqueda .btnStock button a
{
    color: rgba(245, 245, 245, 0.959);
    font-size: 161%;
    transition: 1s;
}
#sectionBusqueda .btnStock button a:hover
{
    color: rgba(245, 245, 245, 0.959);
    font-size: 120%;
    transition: 1s;
}



#sectionAcercaNosotros h1
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Varta', sans-serif;
    color: rgba(48, 48, 48, 0.959);
    text-align: center;
    font-size: 160%;
    font-weight: bold;
    padding-top: 3%;
    filter: drop-shadow(0px 0px 37px black);
}
#sectionAcercaNosotros img
{
height: 100%;
width: 100%;
}

.section2-container img
{

    border-radius: 15px;
}


header .navbar .container .ini1 
{
    margin-top:5px;
}  
    
    header .navbar .container  .ini2
{
    margin-top: 5px;
}    

header .navbar .container  .nav-item1 a
{
    color: rgba(245, 245, 245, 0.959);  
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px ;  
    font-size: 150%;
    font-weight: 100;
    text-decoration: none;
    padding: 6px;
    margin: 1%;
    font-family: 'Cinzel', serif;
    transition: 0.6s;
}  
    
    header .navbar .container .nav-item2 a
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);    
    font-size: 100%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 3%;
    padding-bottom: 6%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

header .navbar .container  .nav-item1 a:hover
{
    
    color: rgba(245, 245, 245, 0.959);
    background: rgb(211, 207, 0);
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px ;  
    font-size: 150%;
    font-weight: 100;
    text-decoration: none;
    padding-bottom: 2px;
    padding-top: 2px;
    margin: 1%;
    font-family: 'Cinzel', serif;
    transition: all 0.6s;
}




header .navbar .container  .nav-item2 a:hover
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    font-size: 100%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 3%;
    padding-bottom: 6%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

header .navbar .container .nav-item3 a
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    font-size: 100%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 3%;
    padding-bottom: 6%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

header .navbar .container  .nav-item3 a:hover
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    font-size: 100%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 3%;
    padding-bottom: 6%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

footer .ref1 h1
{
    font-family: 'Cinzel', serif;
    color: snow; 
    font-size: 120%;
 
}

footer .ref1 h2
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Cinzel', serif;
    background-color: rgb(31, 31, 31, 0.6);
    border-radius: 50%;
    border: 2px solid snow;
    padding: 7%;
    margin-top: 12%;
    margin-left: 25%;
    margin-right: 26%;
    text-align: center;
    font-size: 450%;
    font-weight: 100;
    padding-top: 7%;
    transition: 0.6s;
   
 
}

footer .ref1 h2:hover
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Cinzel', serif;
    background-color: rgba(100, 100, 100, 0.959);
    border-radius: 50%;
    border: 2px solid snow;
    padding: 7%;
    margin-top: 12%;
    margin-left: 25%;
    margin-right: 26%;
    text-align: center;
    font-size: 450%;
    font-weight: 100;
    padding-top: 7%;
    transition: 0.6s;
   
 
}

footer h3
{
   font-family: 'Poppins', sans-serif;
    color: snow; 
    font-size: 90%;
 
}

footer .ref1 li a
{
    color: rgba(245, 245, 245, 0.959);    
    margin-left: -4%;
    margin-right: 5%;
    font-size: 150%;
    font-weight: 100;
    text-decoration: none;
    padding: 8px;
    /* margin: 0%; */
    font-family: 'Cinzel', serif;
    transition: 0.6s;
}  

footer .ref1 li a:hover
{
    
    color: rgba(245, 245, 245, 0.959);
    background: rgb(211, 207, 0);
    border-radius: 70px;   
    margin-left: -4%;
    margin-right: 5%;
    font-size: 150%;
    font-weight: 100;
    text-decoration: none;
    padding: 8px;
    /* margin: 0%; */
    font-family: 'Cinzel', serif;
    transition: 0.6s;
}

}

@media only screen and (min-width: 375px) {
    #sectionAcercaNosotros p
    {
        padding-top: 5%;
        padding-bottom: 5%;
        padding-left: 7%;
        padding-right: 7%;
        text-align: center;
        font-size: 105%;
        color: darkslategrey;
        /* font-weight: bolder; */
        filter: drop-shadow(0px 0px 160px black);
    
    }
    #sectionBuscar p {
        padding-left: 3%;
        padding-right: 3%;
        color: snow;
        filter: drop-shadow(2px 4px 6px black);
        text-align: justify;
        font-size: 104%;
    }
 
}

@media only screen and (min-width: 410px) {

    #sectionAcercaNosotros p
    {
        padding-top: 5%;
        padding-bottom: 5%;
        padding-left: 7%;
        padding-right: 7%;
        text-align: center;
        font-size: 110%;
        color: darkslategrey;
        /* font-weight: bolder; */
        filter: drop-shadow(0px 0px 160px black);
    
    }
    #sectionBuscar p {
        padding-left: 3%;
        padding-right: 3%;
        color: snow;
        filter: drop-shadow(2px 4px 6px black);
        text-align: justify;
        font-size: 108%;
    }

}

@media only screen and (min-width: 400px) 
{
    #sectionBuscar h2
    {
        transition: opacity 1s ease 0s;
        opacity: 1;
        font-family: 'Cinzel', serif;
        background-color: rgba(0,0,0,0.5);
        filter: drop-shadow(2px 4px 6px black);
        border-radius: 50%;
        border: 2px solid snow;
        padding: 8%;
        margin-top: 12%;
        margin-left: 28%;
        margin-right: 29%;
        text-align: center;
        font-size: 450%;
        font-weight: 100;
        padding-top: 7%;
            
       
       
     
    }

    #sectionBuscar h1
    {
        transition: opacity 1s ease 0s;
        opacity: 1;
        font-family: 'Varta', sans-serif;
        color: snow;
        filter: drop-shadow(2px 4px 6px black);
        text-align: center;
        font-size: 310%;
        font-weight: 100;
        padding-top: 2%;

    }

    #sectionBuscar p
    {
        padding-left: 3%;
        padding-right: 3%;
        color: snow;
        filter: drop-shadow(2px 4px 6px black);
        text-align: justify;
        font-size: 108%;
    }

    #sectionBusqueda .btnStock 
{    
    opacity: 1;
    font-family: 'Crimson Pro', serif;
    text-align: center;
    padding-bottom: 70%;
    
       

   
 
}
#sectionBusqueda .btnStock button
{    
    border-radius: 5px;
    border: 2px solid rgb(153, 130, 0);      
    background-color: rgb(153, 130, 0);     
    transition: 1s;
}
#sectionBusqueda .btnStock button:hover
{    
    border-radius: 5px;
    border: 2px solid rgb(211, 190, 0);   
    background-color: rgb(211, 190, 0); 
    
    transition: 1s;
}


#sectionBusqueda .btnStock button a
{
    color: rgba(245, 245, 245, 0.959);
    font-size: 161%;
    transition: 1s;
}
#sectionBusqueda .btnStock button a:hover
{
    color: rgba(245, 245, 245, 0.959);
    font-size: 120%;
    transition: 1s;
}



#sectionAcercaNosotros h1
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Varta', sans-serif;
    color: rgba(48, 48, 48, 0.959);
    text-align: center;
    font-size: 200%;
    font-weight: bold;
    padding-top: 3%;
    filter: drop-shadow(0px 0px 37px black);
}

#sectionAcercaNosotros img
{
height: 100%;
width: 100%;
}

.section2-container img
{

    border-radius: 15px;
}


header .navbar .container .ini1 
{
    margin-top:5px;
}  
    
    header .navbar .container  .ini2
{
    margin-top: 5px;
}    

header .navbar .container  .nav-item1 a
{
    color: rgba(245, 245, 245, 0.959);  
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px ;  
    font-size: 170%;
    font-weight: 100;
    text-decoration: none;
    padding: 6px;
    margin: 1%;
    font-family: 'Cinzel', serif;
    transition: 0.6s;
}  
    
    header .navbar .container .nav-item2 a
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);    
    font-size: 100%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 3%;
    padding-bottom: 6%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

header .navbar .container  .nav-item1 a:hover
{
    
    color: rgba(245, 245, 245, 0.959);
    background: rgb(211, 207, 0);
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px ;  
    font-size: 170%;
    font-weight: 100;
    text-decoration: none;
    padding-bottom: 2px;
    padding-top: 2px;
    margin: 1%;
    font-family: 'Cinzel', serif;
    transition: all 0.6s;
}




header .navbar .container  .nav-item2 a:hover
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    font-size: 100%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 3%;
    padding-bottom: 6%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

header .navbar .container .nav-item3 a
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    font-size: 100%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 3%;
    padding-bottom: 6%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

header .navbar .container  .nav-item3 a:hover
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    font-size: 100%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 3%;
    padding-bottom: 6%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

footer .ref1 h1
{
    font-family: 'Cinzel', serif;
    color: snow; 
    font-size: 120%;
 
}

footer .ref1 h2
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Cinzel', serif;
    background-color: rgb(31, 31, 31, 0.6);
    border-radius: 50%;
    border: 2px solid snow;
    padding: 7%;
    margin-top: 12%;
    margin-left: 27%;
    margin-right: 28%;
    text-align: center;
    font-size: 450%;
    font-weight: 100;
    padding-top: 7%;
    transition: 0.6s;
   
 
}

footer .ref1 h2:hover
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Cinzel', serif;
    background-color: rgba(100, 100, 100, 0.959);
    border-radius: 50%;
    border: 2px solid snow;
    padding: 7%;
    margin-top: 12%;
    margin-left: 27%;
    margin-right: 28%;
    text-align: center;
    font-size: 450%;
    font-weight: 100;
    padding-top: 7%;
    transition: 0.6s;
   
 
}

footer h3
{
   font-family: 'Poppins', sans-serif;
    color: snow; 
    font-size: 90%;
 
}

footer .ref1 li a
{
    color: rgba(245, 245, 245, 0.959);    
    margin-left: -4%;
    margin-right: 5%;
    font-size: 180%;
    font-weight: 100;
    text-decoration: none;
    padding: 8px;
    /* margin: 0%; */
    font-family: 'Cinzel', serif;
    transition: 0.6s;
}  

footer .ref1 li a:hover
{
    
    color: rgba(245, 245, 245, 0.959);
    background: rgb(211, 207, 0);
    border-radius: 70px;   
    margin-left: -4%;
    margin-right: 5%;
    font-size: 180%;
    font-weight: 100;
    text-decoration: none;
    padding: 8px;
    /* margin: 0%; */
    font-family: 'Cinzel', serif;
    transition: 0.6s;
}

}

@media only screen and (min-width: 460px) 
{
    #sectionBuscar h2
    {
        transition: opacity 1s ease 0s;
        opacity: 1;
        font-family: 'Cinzel', serif;
        background-color: rgba(0,0,0,0.5);
        filter: drop-shadow(2px 4px 6px black);
        border-radius: 50%;
        border: 2px solid snow;
        padding: 8%;
        margin-top: 12%;
        margin-left: 27%;
        margin-right: 25%;
        text-align: center;
        font-size: 650%;
        font-weight: 100;
        padding-top: 7%;
            
       
       
     
    }

    #sectionBuscar h1
    {
        transition: opacity 1s ease 0s;
        opacity: 1;
        font-family: 'Varta', sans-serif;
        color: snow;
        filter: drop-shadow(2px 4px 6px black);
        text-align: center;
        font-size: 310%;
        font-weight: 100;
        padding-top: 2%;

    }

    #sectionBuscar p
    {
        padding-left: 3%;
        padding-right: 3%;
        color: snow;
        filter: drop-shadow(2px 4px 6px black);
        text-align: justify;
    }

    #sectionBusqueda .btnStock 
{    
    opacity: 1;
    font-family: 'Crimson Pro', serif;
    text-align: center;
    padding-bottom: 70%;
    
       

   
 
}
#sectionBusqueda .btnStock button
{    
    border-radius: 5px;
    border: 2px solid rgb(153, 130, 0);      
    background-color: rgb(153, 130, 0);     
    transition: 1s;
}
#sectionBusqueda .btnStock button:hover
{    
    border-radius: 5px;
    border: 2px solid rgb(211, 190, 0);   
    background-color: rgb(211, 190, 0); 
    
    transition: 1s;
}


#sectionBusqueda .btnStock button a
{
    color: rgba(245, 245, 245, 0.959);
    font-size: 161%;
    transition: 1s;
}
#sectionBusqueda .btnStock button a:hover
{
    color: rgba(245, 245, 245, 0.959);
    font-size: 120%;
    transition: 1s;
}



#sectionAcercaNosotros h1
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Varta', sans-serif;
    color: rgba(48, 48, 48, 0.959);
    text-align: center;
    font-size: 200%;
    font-weight: bold;
    padding-top: 3%;
    filter: drop-shadow(0px 0px 37px black);
}

#sectionAcercaNosotros img
{
height: 100%;
width: 100%;
}

.section2-container img
{

    border-radius: 15px;
}


header .navbar .container .ini1 
{
    margin-top:5px;
}  
    
    header .navbar .container  .ini2
{
    margin-top: 5px;
}    

header .navbar .container  .nav-item1 a
{
    color: rgba(245, 245, 245, 0.959);  
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px ;  
    font-size: 170%;
    font-weight: 100;
    text-decoration: none;
    padding: 6px;
    margin: 1%;
    font-family: 'Cinzel', serif;
    transition: 0.6s;
}  
    
    header .navbar .container .nav-item2 a
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);    
    font-size: 100%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 3%;
    padding-bottom: 6%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

header .navbar .container  .nav-item1 a:hover
{
    
    color: rgba(245, 245, 245, 0.959);
    background: rgb(211, 207, 0);
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px ;  
    font-size: 170%;
    font-weight: 100;
    text-decoration: none;
    padding-bottom: 2px;
    padding-top: 2px;
    margin: 1%;
    font-family: 'Cinzel', serif;
    transition: all 0.6s;
}




header .navbar .container  .nav-item2 a:hover
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    font-size: 100%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 3%;
    padding-bottom: 6%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

header .navbar .container .nav-item3 a
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    font-size: 100%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 3%;
    padding-bottom: 6%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

header .navbar .container  .nav-item3 a:hover
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    font-size: 100%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 3%;
    padding-bottom: 6%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

footer .ref1 h1
{
    font-family: 'Cinzel', serif;
    color: snow; 
    font-size: 120%;
 
}

footer .ref1 h2
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Cinzel', serif;
    background-color: rgb(31, 31, 31, 0.6);
    border-radius: 50%;
    border: 2px solid snow;
    padding: 7%;
    margin-top: 12%;
    margin-left: 25%;
    margin-right: 24%;
    text-align: center;
    font-size: 650%;
    font-weight: 100;
    padding-top: 7%;
    transition: 0.6s;
   
 
}

footer .ref1 h2:hover
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Cinzel', serif;
    background-color: rgba(100, 100, 100, 0.959);
    border-radius: 50%;
    border: 2px solid snow;
    padding: 7%;
    margin-top: 12%;
    margin-left: 25%;
    margin-right: 24%;
    text-align: center;
    font-size: 650%;
    font-weight: 100;
    padding-top: 7%;
    transition: 0.6s;
   
 
}

footer h3
{
   font-family: 'Poppins', sans-serif;
    color: snow; 
    font-size: 90%;
 
}

footer .ref1 li a
{
    color: rgba(245, 245, 245, 0.959);    
    margin-left: -4%;
    margin-right: 5%;
    font-size: 180%;
    font-weight: 100;
    text-decoration: none;
    padding: 8px;
    /* margin: 0%; */
    font-family: 'Cinzel', serif;
    transition: 0.6s;
}  

footer .ref1 li a:hover
{
    
    color: rgba(245, 245, 245, 0.959);
    background: rgb(211, 207, 0);
    border-radius: 70px;   
    margin-left: -4%;
    margin-right: 5%;
    font-size: 180%;
    font-weight: 100;
    text-decoration: none;
    padding: 8px;
    /* margin: 0%; */
    font-family: 'Cinzel', serif;
    transition: 0.6s;
}

}

@media only screen and (min-width: 540px) 
{
    #sectionBuscar h2
    {
        transition: opacity 1s ease 0s;
        opacity: 1;
        font-family: 'Cinzel', serif;
        background-color: rgba(0,0,0,0.5);
        filter: drop-shadow(2px 4px 6px black);
        border-radius: 50%;
        border: 2px solid snow;
        padding: 6%;
        margin-top: 12%;
        margin-left: 24%;
        margin-right: 22%;
        text-align: center;
        font-size: 950%;
        font-weight: 100;
        padding-top: 7%;
            
       
       
     
    }

    #sectionBuscar h1
    {
        transition: opacity 1s ease 0s;
        opacity: 1;
        font-family: 'Varta', sans-serif;
        color: snow;
        filter: drop-shadow(2px 4px 6px black);
        text-align: center;
        font-size: 430%;
        font-weight: 100;
        padding-top: 2%;

    }

    #sectionBuscar p
    {
        padding-left: 3%;
        padding-right: 3%;
        color: snow;
        filter: drop-shadow(2px 4px 6px black);
        text-align: justify;
    }

    #sectionBusqueda .btnStock 
{    
    opacity: 1;
    font-family: 'Crimson Pro', serif;
    text-align: center;
    padding-bottom: 70%;
    
       

   
 
}
#sectionBusqueda .btnStock button
{    
    border-radius: 5px;
    border: 2px solid rgb(153, 130, 0);      
    background-color: rgb(153, 130, 0);     
    transition: 1s;
}
#sectionBusqueda .btnStock button:hover
{    
    border-radius: 5px;
    border: 2px solid rgb(211, 190, 0);   
    background-color: rgb(211, 190, 0); 
    
    transition: 1s;
}


#sectionBusqueda .btnStock button a
{
    color: rgba(245, 245, 245, 0.959);
    font-size: 161%;
    transition: 1s;
}
#sectionBusqueda .btnStock button a:hover
{
    color: rgba(245, 245, 245, 0.959);
    font-size: 120%;
    transition: 1s;
}



#sectionAcercaNosotros h1
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Varta', sans-serif;
    color: rgba(48, 48, 48, 0.959);
    text-align: center;
    font-size: 200%;
    font-weight: bold;
    padding-top: 3%;
    filter: drop-shadow(0px 0px 37px black);
}

#sectionAcercaNosotros img
{
height: 100%;
width: 100%;
}

.section2-container img
{

    border-radius: 15px;
}


header .navbar .container .ini1 
{
    margin-top:5px;
}  
    
    header .navbar .container  .ini2
{
    margin-top: 5px;
}    

header .navbar .container  .nav-item1 a
{
    color: rgba(245, 245, 245, 0.959);  
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px ;  
    font-size: 170%;
    font-weight: 100;
    text-decoration: none;
    padding: 6px;
    margin: 1%;
    font-family: 'Cinzel', serif;
    transition: 0.6s;
}  
    
    header .navbar .container .nav-item2 a
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);    
    font-size: 100%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 3%;
    padding-bottom: 6%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

header .navbar .container  .nav-item1 a:hover
{
    
    color: rgba(245, 245, 245, 0.959);
    background: rgb(211, 207, 0);
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px ;  
    font-size: 170%;
    font-weight: 100;
    text-decoration: none;
    padding-bottom: 2px;
    padding-top: 2px;
    margin: 1%;
    font-family: 'Cinzel', serif;
    transition: all 0.6s;
}




header .navbar .container  .nav-item2 a:hover
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    font-size: 100%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 3%;
    padding-bottom: 6%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

header .navbar .container .nav-item3 a
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    font-size: 100%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 3%;
    padding-bottom: 6%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

header .navbar .container  .nav-item3 a:hover
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    font-size: 100%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 3%;
    padding-bottom: 6%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

footer .ref1 h1
{
    font-family: 'Cinzel', serif;
    color: snow; 
    font-size: 120%;
 
}

footer .ref1 h2
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Cinzel', serif;
    background-color: rgb(31, 31, 31, 0.6);
    border-radius: 50%;
    border: 2px solid snow;
    padding: 6%;
    margin-top: 12%;
    margin-left: 20%;
    margin-right: 21%;
    text-align: center;
    font-size: 950%;
    font-weight: 100;
    padding-top: 7%;
    transition: 0.6s;
   
 
}

footer .ref1 h2:hover
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Cinzel', serif;
    background-color: rgba(100, 100, 100, 0.959);
    border-radius: 50%;
    border: 2px solid snow;
    padding: 6%;
    margin-top: 12%;
    margin-left: 20%;
    margin-right: 21%;
    text-align: center;
    font-size: 950%;
    font-weight: 100;
    padding-top: 7%;
    transition: 0.6s;
   
   
 
}

footer h3
{
   font-family: 'Poppins', sans-serif;
    color: snow; 
    font-size: 90%;
 
}

footer .ref1 li a
{
    color: rgba(245, 245, 245, 0.959);    
    margin-left: -4%;
    margin-right: 5%;
    font-size: 180%;
    font-weight: 100;
    text-decoration: none;
    padding: 8px;
    /* margin: 0%; */
    font-family: 'Cinzel', serif;
    transition: 0.6s;
}  

footer .ref1 li a:hover
{
    
    color: rgba(245, 245, 245, 0.959);
    background: rgb(211, 207, 0);
    border-radius: 70px;   
    margin-left: -4%;
    margin-right: 5%;
    font-size: 180%;
    font-weight: 100;
    text-decoration: none;
    padding: 8px;
    /* margin: 0%; */
    font-family: 'Cinzel', serif;
    transition: 0.6s;
}

}



@media only screen and (min-width: 768px) {

    #sectionBuscar
    {
        font-family: 'Crimson Pro', serif;
        transition: 2.0s;
               
        background-size: cover;
        width: 100%;
        margin-bottom: 20%;
       
     
    }
    #sectionBuscar h2
    {
        transition: opacity 1s ease 0s;
        opacity: 1;
        font-family: 'Cinzel', serif;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 50%;
        border: 2px solid snow;
        filter: drop-shadow(2px 4px 6px black);
        padding: 3%;
        margin-top: 5%;
        margin-bottom: 5%;
        margin-left: 38%;
        margin-right: 37%;
        text-align: center;
        font-size: 589%;
        font-weight: 100;
        padding-top: 3%;
        
        }

        #sectionBuscar p {
            padding-left: 3%;
            padding-right: 3%;
            color: snow;
            filter: drop-shadow(2px 4px 6px black);
            text-align: justify;
            font-size: 97%;
        }

        #sectionBuscar h1
        {
            transition: opacity 1s ease 0s;
            opacity: 1;
            font-family: 'Varta', sans-serif;
            color: snow;
            filter: drop-shadow(2px 4px 6px black);
            text-align: center;
            font-size: 200%;
            font-weight: 100;
            padding-top: 2%;

        }

        #sectionBusqueda .btnStock 
    {    
        opacity: 1;
        font-family: 'Crimson Pro', serif;
        text-align: center;
        padding-bottom: 60%;
        
        

    
    
    }
    #sectionBusqueda .btnStock button
    {    
        border-radius: 5px;
        border: 2px solid rgb(153, 130, 0);      
        background-color: rgb(153, 130, 0);     
        transition: 1s;
    }
    #sectionBusqueda .btnStock button:hover
    {    
        border-radius: 5px;
        border: 2px solid rgb(211, 190, 0);   
        background-color: rgb(211, 190, 0); 
        
        transition: 1s;
    }


    #sectionBusqueda .btnStock button a
    {
        color: rgba(245, 245, 245, 0.959);
        font-size: 220%;
        transition: 1s;
    }
    #sectionBusqueda .btnStock button a:hover
    {
        color: rgba(245, 245, 245, 0.959);
        font-size: 120%;
        transition: 1s;
    }

    

    #sectionAcercaNosotros h1
    {
        transition: opacity 1s ease 0s;
        opacity: 1;
        font-family: 'Varta', sans-serif;
        color: rgba(48, 48, 48, 0.959);
        text-align: center;
        font-size: 300%;
        font-weight: bold;
        padding-top: 3%;
        filter: drop-shadow(0px 0px 37px black);
    }

    #sectionAcercaNosotros img
{
height: 300px;
width: 300px;
filter: drop-shadow(1px 0px 6px black);
padding: 5%;
border-radius: 50%;
}

.section2-container img
{

    border-radius: 15px;
}


    header .navbar .container .ini1 
    {
        margin-top:5px;
    }  
        
        header .navbar .container  .ini2
    {
        margin-top: 5px;
    }    

    header .navbar .container  .nav-item1 a
    {
        color:rgba(245, 245, 245, 0.959);        
        font-size: 170%;
        font-weight: bold;
        text-decoration: none;
        margin: 3%;
        padding-left: 5px;
        padding-right: 5px;
        font-family: 'Cinzel', serif;
    }  
        
        header .navbar .container  .nav-item2 a
    {
        font-family: 'Cinzel', serif;
        color: rgba(245, 245, 245, 0.959);
        font-size: 125%;
        margin: 0px;
        /* border: 10px; */
        padding-top: 1%;
        padding-bottom: 1%;
        padding-left: 5px;
        padding-right: 5px;
        transition: 1s;
    }

    header .navbar .container  .nav-item1 a:hover
    {
        font-size: 170%;
        font-weight: bold;
        text-decoration: none;
        margin: 3%;
        padding-left: 5px;
        padding-right: 5px;    
        font-family: 'Cinzel', serif;
    }




    header .navbar .container  .nav-item2 a:hover
    {
        font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    font-size: 125%;
    margin: 0px;
    /* border: 10px; */
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
    }

    header .navbar .container .nav-item3 a
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    font-size: 125%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top:1%;
    padding-bottom: 1%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

header .navbar .container  .nav-item3 a:hover
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    font-size: 125%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

header nav .ion-md-menu
{
font-size: 180%;
}

footer .ref1 h1
{
    font-family: 'Cinzel', serif;
    color: snow; 
    font-size: 120%;
 
}

footer .ref1 h2
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Cinzel', serif;
    background-color: rgb(31, 31, 31, 0.6);
    border-radius: 50%;
    border: 2px solid snow;
    padding: 6%;
    margin-top: 12%;
    margin-left: 13%;
    margin-right: 13%;
    text-align: center;
    font-size: 800%;
    font-weight: 100;
    padding-top: 7%;
    transition: 0.6s;
   
 
}

footer .ref1 h2:hover
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Cinzel', serif;
    background-color: rgba(100, 100, 100, 0.959);
    border-radius: 50%;
    border: 2px solid snow;
    padding: 6%;
    margin-top: 12%;
    margin-left: 13%;
    margin-right: 13%;
    text-align: center;
    font-size: 800%;
    font-weight: 100;
    padding-top: 7%;
    transition: 0.6s;
   
 
}

footer h3
{
   font-family: 'Poppins', sans-serif;
    color: snow; 
    font-size: 90%;
 
}

footer .ref1 li a
{
    color: rgba(245, 245, 245, 0.959);    
    margin-left: -4%;
    margin-right: 5%;
    font-size: 180%;
    font-weight: 100;
    text-decoration: none;
    padding: 8px;
    /* margin: 0%; */
    font-family: 'Cinzel', serif;
    transition: 0.6s;
}  

footer .ref1 li a:hover
{
    
    color: rgba(245, 245, 245, 0.959);
    background: rgb(211, 207, 0);
    border-radius: 70px;   
    margin-left: -4%;
    margin-right: 5%;
    font-size: 180%;
    font-weight: 100;
    text-decoration: none;
    padding: 8px;
    /* margin: 0%; */
    font-family: 'Cinzel', serif;
    transition: 0.6s;
}
  
   

}
@media only screen and (min-width: 930px) 
{
    #sectionBuscar
    {
        margin-bottom: 30%;
       
     
    }
}

@media only screen and (min-width: 992px) 
{
    #sectionBuscar
    {
        font-family: 'Crimson Pro', serif;
        transition: 2.0s;
   
        background-size: cover;
        width: 100%;
        margin-bottom: 10%;
       
     
    }
    #sectionBuscar h2
    {
        transition: opacity 1s ease 0s;
        opacity: 1;
        font-family: 'Cinzel', serif;
        background-color: rgba(10, 10, 10, 0.5);
        border-radius: 50%;
        border: 2px solid snow;
        padding: 5%;
        margin-top: 13%;
        margin-left: 35%;
        margin-right: 35%;
        text-align: center;
        font-size: 880%;
        font-weight: 100;
        padding-top: 4%;
        
        }

        #sectionBuscar h1
        {
            transition: opacity 1s ease 0s;
            opacity: 1;
            font-family: 'Varta', sans-serif;
            color: snow;
            filter: drop-shadow(2px 4px 6px black);
            text-align: center;
            font-size: 380%;
            font-weight: 100;
            padding-top: 2%;

        }

        #sectionBusqueda .btnStock 
    {    
        opacity: 1;
        font-family: 'Crimson Pro', serif;
        text-align: center;
        padding-bottom: 60%;
        
        

    
    
    }
    #sectionBusqueda .btnStock button
    {    
        border-radius: 5px;
        border: 2px solid rgb(153, 130, 0);      
        background-color: rgb(153, 130, 0);     
        transition: 1s;
    }
    #sectionBusqueda .btnStock button:hover
    {    
        border-radius: 5px;
        border: 2px solid rgb(211, 190, 0);   
        background-color: rgb(211, 190, 0); 
        
        transition: 1s;
    }


    #sectionBusqueda .btnStock button a
    {
        color: rgba(245, 245, 245, 0.959);
        font-size: 220%;
        transition: 1s;
    }
    #sectionBusqueda .btnStock button a:hover
    {
        color: rgba(245, 245, 245, 0.959);
        font-size: 120%;
        transition: 1s;
    }

    

    #sectionAcercaNosotros h1
    {
        transition: opacity 1s ease 0s;
        opacity: 1;
        font-family: 'Varta', sans-serif;
        color: rgba(48, 48, 48, 0.959);
        text-align: center;
        font-size: 300%;
        font-weight: bold;
        padding-top: 3%;
        filter: drop-shadow(0px 0px 37px black);
    }

    #sectionAcercaNosotros img
{
    height: 450px;
    width: 450px;
    filter: drop-shadow(1px 0px 6px black);
    padding: 5%;
}

.section2-container img
{

    border-radius: 15px;
}


    header .navbar .container .ini1 
    {
        margin-top:5px;
    }  
        
        header .navbar .container  .ini2
    {
        margin-top: 5px;
    }    

    header .navbar .container  .nav-item1 a
    {
        color:rgba(245, 245, 245, 0.959);        
        font-size: 170%;
        font-weight: bold;
        text-decoration: none;
        margin: 3%;
        padding-left: 5px;
        padding-right: 5px;
        font-family: 'Cinzel', serif;
    }  
        
        header .navbar .container  .nav-item2 a
    {
        font-family: 'Cinzel', serif;
        color: rgba(245, 245, 245, 0.959);
        font-size: 125%;
        margin: 0px;
        /* border: 10px; */
        padding-top: 1%;
        padding-bottom: 1%;
        padding-left: 5px;
        padding-right: 5px;
        transition: 1s;
    }

    header .navbar .container  .nav-item1 a:hover
    {
        font-size: 170%;
        font-weight: bold;
        text-decoration: none;
        margin: 3%;
        padding-left: 5px;
        padding-right: 5px;    
        font-family: 'Cinzel', serif;
    }




    header .navbar .container  .nav-item2 a:hover
    {
        font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    font-size: 125%;
    margin: 0px;
    /* border: 10px; */
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
    }

    header .navbar .container .nav-item3 a
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    font-size: 125%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top:1%;
    padding-bottom: 1%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

header .navbar .container  .nav-item3 a:hover
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    font-size: 125%;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

header nav .ion-md-menu
{
font-size: 180%;
}

footer .ref1 h1
{
    font-family: 'Cinzel', serif;
    color: snow; 
    font-size: 120%;
 
}

footer .ref1 h2
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Cinzel', serif;
    background-color: rgb(31, 31, 31, 0.6);
    border-radius: 50%;
    border: 2px solid snow;
    padding: 6%;
    margin-top: 12%;
    margin-left: 20%;
    margin-right: 20%;
    text-align: center;
    font-size: 800%;
    font-weight: 100;
    padding-top: 7%;
    transition: 0.6s;

    
   
 
}

footer .ref1 h2:hover
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Cinzel', serif;
    background-color: rgba(100, 100, 100, 0.959);
    border-radius: 50%;
    border: 2px solid snow;
    padding: 6%;
    margin-top: 12%;
    margin-left: 20%;
    margin-right: 20%;
    text-align: center;
    font-size: 800%;
    font-weight: 100;
    padding-top: 7%;
    transition: 0.6s;
   
 
}

footer h3
{
   font-family: 'Poppins', sans-serif;
    color: snow; 
    font-size: 90%;
 
}

footer .ref1 li a
{
    color: rgba(245, 245, 245, 0.959);    
    margin-left: -4%;
    margin-right: 5%;
    font-size: 180%;
    font-weight: 100;
    text-decoration: none;
    padding: 8px;
    /* margin: 0%; */
    font-family: 'Cinzel', serif;
    transition: 0.6s;
}  

footer .ref1 li a:hover
{
    
    color: rgba(245, 245, 245, 0.959);
    background: rgb(211, 207, 0);
    border-radius: 70px;   
    margin-left: -4%;
    margin-right: 5%;
    font-size: 180%;
    font-weight: 100;
    text-decoration: none;
    padding: 8px;
    /* margin: 0%; */
    font-family: 'Cinzel', serif;
    transition: 0.6s;
}
}




@media only screen and (min-width: 1200px) {
    #sectionBuscar
    {
        font-family: 'Crimson Pro', serif;
        transition: 2.0s;

        background-size: cover;
        width: 100%;
        margin-bottom: 20%;
       
     
    }
   

    #sectionBuscar h2
    {
        transition: opacity 1s ease 0s;
        opacity: 1;
        font-family: 'Cinzel', serif;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 50%;
        border: 2px solid snow;
        filter: drop-shadow(2px 4px 6px black);
        padding: 3%;
        margin-top: 0%;
        margin-left: 40%;
        margin-right: 41%;
        text-align: center;
        font-size: 740%;
        font-weight: 100;
        padding-top: 3%;
        
       
       
     
    }

    #sectionBuscar p
    {
        font-size: 160%;
        color: snow;
        padding-left: 10%;
        padding-right: 10%;
        filter: drop-shadow(2px 4px 6px black);
    }

    #sectionBuscar h1
    {
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Varta', sans-serif;
    color: snow;
    filter: drop-shadow(2px 4px 6px black);
    text-align: center;
    font-size: 265%;
    font-weight: bold;
    padding-top: 3%;

    }

    #sectionBusqueda .btnStock 
{    
    opacity: 1;
    font-family: 'Crimson Pro', serif;
    text-align: center;
    padding-bottom: 15%;
    
       

   
 
}
#sectionBusqueda .btnStock button
{    
    border-radius: 5px;
    border: 2px solid rgb(153, 130, 0);      
    background-color: rgb(153, 130, 0);     
    transition: 1s;
}
#sectionBusqueda .btnStock button:hover
{    
    border-radius: 5px;
    border: 2px solid rgb(211, 190, 0);   
    background-color: rgb(211, 190, 0); 
    
    transition: 1s;
}


#sectionBusqueda .btnStock button a
{
    color: rgba(245, 245, 245, 0.959);
    font-size: 150%; 
    transition: 1s;
}
#sectionBusqueda .btnStock button a:hover
{
    color: rgba(245, 245, 245, 0.959);
    font-size: 150%; 
    transition: 1s;
}
#sectionHistoria img
{
    width: 100%;
    
}


#sectionAcercaNosotros h1
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Varta', sans-serif;
    color: rgba(48, 48, 48, 0.959);
    text-align: center;
    font-size: 265%;
    font-weight: bold;
    padding-top: 3%;
    filter: drop-shadow(0px 0px 37px black);
}

#sectionAcercaNosotros img
{
height: 500px;
width: 500px;
filter: drop-shadow(1px 0px 6px black);
padding: 5%;
border-radius: 50%;
}

#sectionAcercaNosotros p
{
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 10%;
    padding-right: 10%;
    text-align: center;
    font-size: 130%;
    color: darkslategrey;
    /* font-weight: bolder; */
    filter: drop-shadow(0px 0px 160px black);

}
   


.section2-container img
{

    border-radius: 50%;
}


header .navbar .container .ini1 
{
    margin-top:5px;
}  
    
    header .navbar .container  .ini2
{
    margin-top: 5px;
}    

header .navbar .container  .nav-item1 a
{
    color: rgba(245, 245, 245, 0.959);  
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px ;  
    font-size: 150%;
    font-weight: 100;
    text-decoration: none;
    padding: 10px;
    margin: 1%;
    font-family: 'Cinzel', serif;
    transition: 0.6s;
}  
    
    header .navbar .container .nav-item2 a
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    background-color: rgb(0, 7, 102);
    font-size: 100%;
    margin: 0px;
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 0px ;
    padding-top: 100%;
    padding-bottom: 11%;
    padding-left: 12px;
    padding-right: 6px;
    transition: 1s;
}

header .navbar .container  .nav-item1 a:hover
{
    
    color: rgba(245, 245, 245, 0.959);
    background: rgb(211, 207, 0);
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px ;  
    font-size: 150%;
    font-weight: 100;
    text-decoration: none;
    padding: 10px;
    margin: 1%;
    font-family: 'Cinzel', serif;
    transition: all 0.6s;
}




header .navbar .container  .nav-item2 a:hover
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    background-color:rgb(0, 10, 155);
    font-size: 100%;
    margin: 0px;
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 0px ;
    padding-top: 100%;
    padding-bottom: 11%;
    padding-left: 12px;
    padding-right: 6px;
    transition: 1s;
}

header .navbar .container .nav-item3 a
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    background-color:rgb(192, 173, 0);
    font-size: 100%;
    margin: 0px;
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px ;
    padding-top: 100%;
    padding-bottom: 17%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}

header .navbar .container  .nav-item3 a:hover
{
    font-family: 'Cinzel', serif;
    color: rgba(245, 245, 245, 0.959);
    background-color:rgb(211, 207, 0);
    font-size: 100%;
    margin: 0px;
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px ;
    padding-top: 100%;
    padding-bottom: 17%;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s;
}


footer .ref1 h1
{
    font-family: 'Cinzel', serif;
    color: snow; 
    font-size: 120%;
 
}

footer .ref1 h2
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Cinzel', serif;
    background-color: rgb(31, 31, 31, 0.6);
    border-radius: 50%;
    border: 2px solid snow;
    padding: 5%;
    margin-top: 0%;
    margin-left: 30%;
    margin-right: 31%;
    text-align: center;
    font-size: 600%;
    font-weight: 100;
    padding-top: 5%;
    transition: 0.6s;
   
 
}

footer .ref1 h2:hover
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Cinzel', serif;
    background-color: rgba(100, 100, 100, 0.959);
    border-radius: 50%;
    border: 2px solid snow;
    padding: 5%;
    margin-top: 0%;
    margin-left: 30%;
    margin-right: 31%;
    text-align: center;
    font-size: 600%;
    font-weight: 100;
    padding-top: 5%;
    transition: 0.6s;
   
 
}

footer h3
{
   font-family: 'Poppins', sans-serif;
    color: snow; 
    font-size: 90%;
 
}

footer .ref1 li a
{
    color: rgba(245, 245, 245, 0.959);    
    margin-left: -1%;
    margin-right: 1%;
    font-size: 150%;
    font-weight: 100;
    text-decoration: none;
    padding: 15px;
    /* margin: 0%; */
    font-family: 'Cinzel', serif;
    transition: 0.6s;
}  

footer .ref1 li a:hover
{
    
    color: rgba(245, 245, 245, 0.959);
    background: rgb(211, 207, 0);
    border-radius: 70px;   
    margin-left: -1%;
    margin-right: 1%;
    font-size: 150%;
    font-weight: 100;
    text-decoration: none;
    padding: 15px;
    /* margin: 0%; */
    font-family: 'Cinzel', serif;
    transition: 0.6s;
}

}



footer
{
    background-color: rgba(22, 22, 22, 0.959);
}

footer #sectionFooter .row
{
    padding: 5px;
    margin: auto;
}

footer .ref1
{
    padding: 3%;
    text-align: center;
    background-color: rgba(41, 41, 41, 0.959);
}

footer .ref2
{
    padding: 2%;
    text-align: center;
}

footer h3
{
    color: rgba(245, 245, 245, 0.959);
}
  


/**RESOLUCIONES ADICIONALES**/




@media only screen and (min-width: 768px) {
    .modal-content {
        width: 100%;
      }

}

@media only screen and (min-width: 992px) {
    .modal-content {
        width: 100%;
      }

}


@media only screen and (min-width: 1200px) {
    .modal-content {
        width: 100%;
      }

}