html
{
    
    width: auto;
    scroll-behavior: smooth;
    
}
/* Fade para que aparezca transitoriamente
@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0);
        transition: 2s;
        
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1;
        transition:2s;
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0);
        transition: 2s;
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1;
        transition: 2s;
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    
}

.animatedFadeInUp {
    opacity: 0;
    
    
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}

***************************************************************/



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);

}







#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);

}




#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);
    
    }
 



#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);
    
    }

 
}

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


}

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


#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) 
{




#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) 
{
 


#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) {



    

    #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) 
{

}

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


    

    #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) {

#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: 10px;
    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: 10px;
    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%;
      }

}