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%;
    
}

#sectionBuscar
{
    font-family: 'Crimson Pro', serif;
    background-image: url('../img/quimicos.jpg');    
    transition: 2.0s;
    background-size: cover;
    width: 100%;
   
 
}

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

.section2-container
{
    position: relative;
    overflow: hidden;
    margin: 10px 0;
    border-radius: 2px;
}

.section2-details
{
    background-color: rgb(192, 173, 0);
    position: absolute;
    bottom: 20px;
    left: 0px;
    z-index: 9000;
    width: 100%;
    text-align: center;
}

.section2-container 
{
    color: white;
    background-color: rgb(0, 3, 43);
    border-radius: 7px;
    
    
}

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

a:hover
{
    text-decoration: none;
}

.section2-container img
{
        
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}

.section2-container:hover img
{
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

@media only screen and (max-width: 320px)
{
    #sectionBuscar h2
    {
        transition: opacity 1s ease 0s;
        opacity: 1;
        font-family: 'Cinzel', serif;
        background-color: rgb(31, 31, 31, 0.6);
        border-radius: 50%;
        border: 1px 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: 'Poppins', sans-serif;
        color: rgba(245, 245, 245, 0.959);
        text-align: center;
        font-size: 170%;
        font-weight: 100;
        padding-top: 6%;

    }

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

   
 
}
#sectionStock .section2-details a h2
{
    font-family: 'Poppins', sans-serif;
    color: white;
    opacity: 0.8;
    
}
#sectionBuscar .btnStock button
{    
    border-radius: 5px;
    border: 2px solid rgb(153, 130, 0);      
    background-color: rgb(153, 130, 0);     
    transition: 1s;
}
#sectionBuscar .btnStock button:hover
{    
    border-radius: 5px;
    border: 2px solid rgb(211, 190, 0);   
    background-color: rgb(211, 190, 0); 
    
    transition: 1s;
}


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



#sectionStock h1
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Poppins', sans-serif;
    color: rgba(48, 48, 48, 0.959);
    text-align: center;
    font-size: 145%;
    font-weight: bold;
    padding-top: 3%;
}


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)
{
    #sectionBuscar h2
    {
        transition: opacity 1s ease 0s;
        opacity: 1;
        font-family: 'Cinzel', serif;
        background-color: rgb(31, 31, 31, 0.6);
        border-radius: 50%;
        border: 1px 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: 'Poppins', sans-serif;
        color: rgba(245, 245, 245, 0.959);
        text-align: center;
        font-size: 230%;
        font-weight: 100;
        padding-top: 2%;

    }

    #sectionStock .section2-details a h2
{
    font-family: 'Poppins', sans-serif;
    color: white;
    opacity: 0.8;
    
}

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

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


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



#sectionStock h1
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Poppins', sans-serif;
    color: rgba(48, 48, 48, 0.959);
    text-align: center;
    font-size: 160%;
    font-weight: bold;
    padding-top: 3%;
}


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)
{
    #sectionBuscar h2
    {
        transition: opacity 1s ease 0s;
        opacity: 1;
        font-family: 'Cinzel', serif;
        background-color: rgb(31, 31, 31, 0.6);
        border-radius: 50%;
        border: 1px 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: 'Poppins', sans-serif;
        color: rgba(245, 245, 245, 0.959);
        text-align: center;
        font-size: 260%;
        font-weight: 100;
        padding-top: 2%;

    }

    #sectionStock .section2-details a h2
{
    font-family: 'Poppins', sans-serif;
    color: white;
    opacity: 0.8;
    
}

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

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


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



#sectionStock h1
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Poppins', sans-serif;
    color: rgba(48, 48, 48, 0.959);
    text-align: center;
    font-size: 160%;
    font-weight: bold;
    padding-top: 3%;
}


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: 400px) 
{
    #sectionBuscar h2
    {
        transition: opacity 1s ease 0s;
        opacity: 1;
        font-family: 'Cinzel', serif;
        background-color: rgb(31, 31, 31, 0.6);
        border-radius: 50%;
        border: 1px 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: 'Poppins', sans-serif;
        color: rgba(245, 245, 245, 0.959);
        text-align: center;
        font-size: 310%;
        font-weight: 100;
        padding-top: 2%;

    }

    #sectionStock .section2-details a h2
{
    font-family: 'Poppins', sans-serif;
    color: white;
    opacity: 0.8;
    
}

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

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


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



#sectionStock h1
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Poppins', sans-serif;
    color: rgba(48, 48, 48, 0.959);
    text-align: center;
    font-size: 200%;
    font-weight: bold;
    padding-top: 3%;
}


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: rgb(31, 31, 31, 0.6);
        border-radius: 50%;
        border: 1px 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: 'Poppins', sans-serif;
        color: rgba(245, 245, 245, 0.959);
        text-align: center;
        font-size: 310%;
        font-weight: 100;
        padding-top: 2%;

    }

    #sectionStock .section2-details a h2
{
    font-family: 'Poppins', sans-serif;
    color: white;
    opacity: 0.8;
    
}

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

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


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



#sectionStock h1
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Poppins', sans-serif;
    color: rgba(48, 48, 48, 0.959);
    text-align: center;
    font-size: 200%;
    font-weight: bold;
    padding-top: 3%;
}


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: rgb(31, 31, 31, 0.6);
        border-radius: 50%;
        border: 1px 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: 'Poppins', sans-serif;
        color: rgba(245, 245, 245, 0.959);
        text-align: center;
        font-size: 430%;
        font-weight: 100;
        padding-top: 2%;

    }

    #sectionStock .section2-details a h2
{
    font-family: 'Poppins', sans-serif;
    color: white;
    opacity: 0.8;
    
}

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

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


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



#sectionStock h1
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Poppins', sans-serif;
    color: rgba(48, 48, 48, 0.959);
    text-align: center;
    font-size: 200%;
    font-weight: bold;
    padding-top: 3%;
}


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 h2
    {
        transition: opacity 1s ease 0s;
        opacity: 1;
        font-family: 'Cinzel', serif;
        background-color: rgb(31, 31, 31, 0.6);
        border-radius: 50%;
        border: 1px solid snow;
        padding: 6%;
        margin-top: 12%;
        margin-left: 29%;
        margin-right: 30%;
        text-align: center;
        font-size: 950%;
        font-weight: 100;
        padding-top: 7%;
        
        }

        #sectionBuscar h1
        {
            transition: opacity 1s ease 0s;
            opacity: 1;
            font-family: 'Poppins', sans-serif;
            color: rgba(245, 245, 245, 0.959);
            text-align: center;
            font-size: 380%;
            font-weight: 100;
            padding-top: 2%;

        }

        #sectionStock .section2-details a h2
{
    font-family: 'Poppins', sans-serif;
    color: white;
    opacity: 0.8;
    
}

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

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


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



    #sectionStock h1
    {
        transition: opacity 1s ease 0s;
        opacity: 1;
        font-family: 'Poppins', sans-serif;
        color: rgba(48, 48, 48, 0.959);
        text-align: center;
        font-size: 300%;
        font-weight: bold;
        padding-top: 3%;
    }


    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: 992px) 
{
    #sectionBuscar h2
    {
        transition: opacity 1s ease 0s;
        opacity: 1;
        font-family: 'Cinzel', serif;
        background-color: rgb(31, 31, 31, 0.6);
        border-radius: 50%;
        border: 1px solid snow;
        padding: 6%;
        margin-top: 12%;
        margin-left: 29%;
        margin-right: 30%;
        text-align: center;
        font-size: 950%;
        font-weight: 100;
        padding-top: 7%;
        
        }

        #sectionBuscar h1
        {
            transition: opacity 1s ease 0s;
            opacity: 1;
            font-family: 'Poppins', sans-serif;
            color: rgba(245, 245, 245, 0.959);
            text-align: center;
            font-size: 380%;
            font-weight: 100;
            padding-top: 2%;

        }

        #sectionStock .section2-details a h2
{
    font-family: 'Poppins', sans-serif;
    color: white;
    opacity: 0.8;
    
}

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

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


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


    #sectionStock h1
    {
        transition: opacity 1s ease 0s;
        opacity: 1;
        font-family: 'Poppins', sans-serif;
        color: rgba(48, 48, 48, 0.959);
        text-align: center;
        font-size: 300%;
        font-weight: bold;
        padding-top: 3%;
    }


    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: 1200px) {
   

    #sectionBuscar h2
    {
        transition: opacity 1s ease 0s;
        opacity: 1;
        font-family: 'Cinzel', serif;
        background-color: rgb(31, 31, 31, 0.6);
        border-radius: 50%;
        border: 1px solid snow;
        padding: 3%;
        margin-top: 0%;
        margin-left: 40%;
        margin-right: 41%;
        text-align: center;
        font-size: 740%;
        font-weight: 100;
        padding-top: 3%;
        
       
       
     
    }

    #sectionBuscar h1
    {
    
    font-family: 'Poppins', sans-serif;
    transition: opacity 1s ease 0s;
    opacity: 1;
    color: rgba(245, 245, 245, 0.959);
    text-align: center;
    font-size: 265%;
    font-weight: bold;
    padding-top: 3%;

    }

    #sectionStock .section2-details a h2
{
    font-family: 'Poppins', sans-serif;
    color: white;
    opacity: 0.8;
    font-size: 155%
    
}

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

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



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



#sectionStock h1
{
    transition: opacity 1s ease 0s;
    opacity: 1;
    font-family: 'Poppins', sans-serif;
    color: rgba(48, 48, 48, 0.959);
    text-align: center;
    font-size: 265%;
    font-weight: bold;
    padding-top: 3%;
}


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: 8%;
    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: 8%;
    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);
}
  




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

}

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

@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%;
      }

}