@charset "utf-8";
/* CSS Document */

html {
        font-size:16px;
     }

/* Móviles en vertical      
   ------------------------------------------------------------------------- /
@media (max-width: 480px) { }*/

@media only screen and (min-width: 1px) and (max-width: 209px)
    {
    h1  { font-size: 1.7rem; }
    h2  { font-size: 1.7rem; }
    nav ul li a  { font-size: 1.6rem; }
    div p  { font-size: 1.6rem; }
    p  { font-size: 1.6rem; }
    .long_text { font-size: 1.6rem; color: red; }
    .sizeImag { border: solid; border-width: 2px; }
    }

@media only screen and (min-width: 210px) and (max-width: 240px)
    {
    h1  { font-size: 1.7rem; }
    h2  { font-size: 1.7rem; }
    nav ul li a  { font-size: 1.6rem; }
    div p  { font-size: 1.6rem; }
    p  { font-size: 1.6rem; }
    .long_text { font-size: 1.6rem; color: red; }
    .sizeImag { border: solid; border-width: 2px; }
    }
    
@media only screen and (min-width: 241px) and (max-width: 319px)
    {
    h1  { font-size: 1.8rem; }
    h2  { font-size: 1.8rem; }
    nav ul li a  { font-size: 1.7rem; }
    div p  { font-size: 1.7rem; }
    p  { font-size: 1.7rem; }
    .long_text { font-size: 1.7rem; color: red; }
    .sizeImag { border: solid; border-width: 2px; }
    }

@media only screen and (min-width: 320px) and (max-width: 480px)
    {
    h1  { font-size: 1.8rem; }
    h2  { font-size: 1.8rem; }
    nav ul li a  { font-size: 1.7rem; }
    div p  { font-size: 1.7rem; }
    p  { font-size: 1.7rem; }
    .long_text { font-size: 1.7rem; }
    .sizeImag { border: solid; border-width: 2px; }
    }

/*/ Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- /
@media (max-width: 767px) { }*/

@media only screen and (min-width: 481px) and (max-width: 575px)
    {
    h1  { font-size: 1.9rem; }
    h2  { font-size: 1.9rem; }
    nav ul li a  { font-size: 1.8rem; }
    div p  { font-size: 1.8rem; }
    p  { font-size: 1.8rem; }
    .long_text { font-size: 1.8rem; }
    .sizeImag { border: solid; border-width: 2px; }
    }

@media only screen and (min-width: 576px) and (max-width: 640px)
    {
    h1  { font-size: 1.9rem; }
    h2  { font-size: 1.9rem; }
    nav ul li a  { font-size: 1.8rem; }
    div p  { font-size: 1.8rem; }
    p  { font-size: 1.8rem; }
    .long_text { font-size: 1.8rem; }
    .sizeImag { border: solid; border-width: 2px; }
    }

@media only screen and (min-width: 641px) and (max-width: 767px)
    {
    h1  { font-size: 1.9rem; }
    h2  { font-size: 1.9rem; }
    nav ul li a  { font-size: 1.8rem; }
    div p  { font-size: 1.8rem; }
    p  { font-size: 1.8rem; }
    .long_text { font-size: 1.8rem; }
    .sizeImag { border: solid; border-width: 2px; }
    }
 
/*/ Tablets en horizontal y laptops
   ------------------------------------------------------------------------- /
@media (min-width: 768px) and (max-width: 1199px) { }*/
 
@media only screen and (min-width: 768px) and (max-width: 900px)
    {
    h1  { font-size: 1.9rem; }
    h2  { font-size: 1.9rem; }
    nav ul li a  { font-size: 1.8rem; }
    div p  { font-size: 1.8rem; }
    p  { font-size: 1.8rem; }
    .long_text { font-size: 1.8rem; }
    .sizeImag { border: solid; border-width: 2px; }
    }

@media only screen and (min-width: 901px) and (max-width: 990px)
    {
    h1  { font-size: 2rem; }
    h2  { font-size: 2rem; }
    nav ul li a  { font-size: 1.9rem; }
    div p  { font-size: 1.9rem; }
    p  { font-size:  }
    .long_text { font-size: 1.9rem; }
    .sizeImag { border: solid; border-width: 2px; }
    }

@media only screen and (min-width: 991px) and (max-width: 1199px)
    {
    h1  { font-size: 2rem; }
    h2  { font-size: 2rem; }
    nav ul li a  { font-size: 1.9rem; }
    div p  { font-size: 1.9rem; }
    p  { font-size: 1.9rem; }
    .long_text { font-size: 1.9rem; }
    .sizeImag { border: solid; border-width: 2px; }
    }

/*/  Laptops y Desktops normales
   ------------------------------------------------------------------------- /
@media (min-width: 1200px) and (max-width: 2045px) { }*/

@media only screen and (min-width: 1200px) and (max-width: 1280px)
    {
    h1  { font-size: 2rem; }
    h2  { font-size: 2rem; }
    nav ul li a  { font-size: 1.9rem; }
    div p  { font-size: 1.9rem; }
    p  { font-size: 1.9rem; }
    .long_text { font-size: 1.9rem; }
    .sizeImag { border: solid; border-width: 2px; }
    }

@media only screen and (min-width: 1281px) and (max-width: 1440px)
    {
    h1  { font-size: 2rem; }
    h2  { font-size: 2rem; }
    nav ul li a  { font-size: 1.9rem; }
    div p  { font-size: 1.9rem; }
    p  { font-size: 1.9rem; }
    .long_text { font-size: 1.9rem; }
    .sizeImag { border: solid; border-width: 2px; }
    }

@media only screen and (min-width: 1441px) and (max-width: 1680px)
    {
    h1  { font-size: 2.8rem; }
    h2  { font-size: 2.8rem; }
    nav ul li a  { font-size: 2.7rem; }
    div p  { font-size: 2.7rem; }
    p  { font-size: 2.7rem; }
    .long_text { font-size: 2.7rem; }
    .sizeImag { border: solid; border-width: 2px; }
    }

@media only screen and (min-width: 1681px) and (max-width: 1920px)
    {
    h1  { font-size: 3rem; }
    h2  { font-size: 3rem; }
    nav ul li a  { font-size: 2.9rem; }
    div p  { font-size: 2.9rem; }
    p  { font-size: 2.9rem; }
    .long_text { font-size: 2.9rem; }
    .sizeImag { border: solid; border-width: 2px; }
    }

@media only screen and (min-width: 1921px) and (max-width: 2045px)
    {
    h1  { font-size: 3.1rem; }
    h2  { font-size: 3.1rem; }
    nav ul li a  { font-size: 3rem; }
    div p  { font-size: 3rem; }
    p  { font-size: 3rem; }
    .long_text { font-size: 3rem; }
    .sizeImag { border: solid; border-width: 2px; }
    }

/*/  Desktops y pantallas tv grandes
   ------------------------------------------------------------------------- /
@media (min-width: 2046px) and (max-width: 5119px) { }*/

@media only screen and (min-width: 2046px) and (max-width: 3200px)
    {
    h1  { font-size: 3.5rem; }
    h2  { font-size: 3.5rem; }
    nav ul li a  { font-size: 3.4rem; }
    div p  { font-size: 3.4rem; }
    p  { font-size: 3.4rem; }
    .long_text { font-size: 3.4rem; }
    .sizeImag { border: solid; border-width: 2px; }
    }

@media only screen and (min-width: 3201px) and (max-width: 4320px)
    {
    h1  { font-size: 3.8rem; }
    h2  { font-size: 3.8rem; }
    nav ul li a  { font-size: 3.7rem; }
    div p  { font-size: 3.7rem; }
    p  { font-size: 3.7rem; }
    .long_text { font-size: 3.7rem; }
    .sizeImag { border: solid; border-width: 2px; }
    }

@media only screen and (min-width: 4321px) and (max-width: 5119px)
    {
    h1  { font-size: 4rem; }
    h2  { font-size: 4rem; }
    nav ul li a  { font-size: 3.9rem; }
    div p  { font-size: 3.9rem; }
    p  { font-size: 3.9rem; }
    .long_text { font-size: 3.9rem; }
    .sizeImag { border: solid; border-width: 2px; }
    }

/*/  Pantallas tv gigantes
   ------------------------------------------------------------------------- /
@media (min-width: 5120px) and (max-width: 7679px) { }*/

@media only screen and (min-width: 5120px) and (max-width: 6400px)
    {
    h1  { font-size: 4.6rem; }
    h2  { font-size: 4.6rem; }
    nav ul li a  { font-size: 4.5rem; }
    div p  { font-size: 4.5rem; }
    p  { font-size: 4.5rem; }
    .long_text { font-size: 4.5rem; }
    .sizeImag { border: solid; border-width: 2px; }
    }

@media only screen and (min-width: 6401px) and (max-width: 7679px)
    {
    h1  { font-size: 5.1rem; }
    h2  { font-size: 5.1rem; }
    nav ul li a  { font-size: 5rem; }
    div p  { font-size: 5rem; }
    p  { font-size: 5rem; }
    .long_text { font-size: 5rem; }
    .sizeImag { border: solid; border-width: 2px; }
    }

/*/  Pantallas tv 8K y superiores
   ------------------------------------------------------------------------- /
@media (min-width: 7680px) { } */

@media only screen and (min-width: 7680px)
    {
    h1  { font-size: 5.6rem; }
    h2  { font-size: 5.6rem; }
    nav ul li a  { font-size: 5.5rem; }
    div p  { font-size: 5.5rem; }
    p  { font-size: 5.5rem; }
    .long_text { font-size: 5.5rem; }
    .sizeImag { border: solid; border-width: 2px; }
    }

.sizeCel {
        font-family: Bookman Old Style;

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

            .long_text { font-size: 1.5rem; }

        }

        @media only screen and (min-width: 991px) and (max-width: 1199px) {

            .long_text { font-size: 2rem; }

        }

        @media only screen and (min-width: 1px) and (max-width: 575px) {
    
            .sizeImag { width: 100%; height: 150px; }
        }