/*---------------tamaños de cada columna--------------------------*/


.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}



/*------------------------visionado----------------------------------*/



.row::after {
    content: "";
    clear: both;
    display: block;
}

[class*="col-"] {
    float: left;
    width: 100%;
}


/*---------------------------------media query------------------------------*/


@media only screen and (max-width: 320px) {
    /* For mobile: */

            #header ul li a {
                font-size: 1em !important;
                padding-right: 0.2em;
            }

            #derechos ul li {
                padding: 1.5em;
            }

            #tamano_foto_index {
                padding: 0.1em;

            }

            .fotos {
                margin-top: 7em;
            }

            .fotos img {
                padding: 0.1em;
            }

            body {
                padding: 0 0.5em;
                background-size: cover;
            }


            .info_contacto {
                display: none;
            }

            #footer_index h1 {
                padding-top: 4em;
                font-size: 1.5em;
            }

            button {
                margin-bottom: 1em;
            }

            #body_politicas {
                padding: 0.5em 2em;
            }



            #cuerpo_sobre_mi img {
                width: 100%;
            }

            .firma_sobre_mi h1 {
                font-size: 1em;
            }

            /*Autor*/

            .firma_sobre_mi {
                font-size: 2em;
                margin-top: 0.1em;
            }

            #cuerpo_sobre_mi h1 {
                font-size: 1.3em;
            }

            #forma_de_trabajar p {
                font-size: 1.1em;
                margin-top: -0.2em;
            }

            

          
          

    .col-xxs-1 {width: 8.33%;}
    .col-xxs-2 {width: 16.66%;}
    .col-xxs-3 {width: 25%;}
    .col-xxs-4 {width: 33.33%;}
    .col-xxs-5 {width: 41.66%;}
    .col-xxs-6 {width: 50%;}
    .col-xxs-7 {width: 58.33%;}
    .col-xxs-8 {width: 66.66%;}
    .col-xxs-9 {width: 75%;}
    .col-xxs-10 {width: 83.33%;}
    .col-xxs-11 {width: 91.66%;}
    .col-xxs-12 {width: 100%;}
}



@media only screen and (min-width: 321px) and (max-width: 480px) {
    /* For mobile vertical: */


            #header ul li a {
                font-size: 1.2em !important;
                padding-right: 1em;
            }

            #derechos ul li {
                padding: 4em;
            }

            .fotos {
                margin-top: 9em;
            }

            .fotos img {
                padding: 0.1em;
            }

            body {
                padding: 0 0.5em;
                background-size: cover;
            }

            .info_contacto {
                display: none;
            }

            #footer_index h1 {
                padding-top: 4em;
                font-size: 1.5em;
            }

            button {
                margin-bottom: 1em;
            }

            #body_politicas {
                padding: 0.5em 2em;
            }

            #cuerpo_sobre_mi img {
                width: 100%;
            }

            .firma_sobre_mi h1 {
                font-size: 1em;
            }

            /*Autor*/

            .firma_sobre_mi {
                font-size: 2em;
                margin-top: 0.1em;
            }

            #cuerpo_sobre_mi h1 {
                font-size: 1.3em;
            }

            #forma_de_trabajar p {
                font-size: 1.1em;
                margin-top: -0.2em;
            }

            

            
    .col-xs-1 {width: 8.33%;}
    .col-xs-2 {width: 16.66%;}
    .col-xs-3 {width: 25%;}
    .col-xs-4 {width: 33.33%;}
    .col-xs-5 {width: 41.66%;}
    .col-xs-6 {width: 50%;}
    .col-xs-7 {width: 58.33%;}
    .col-xs-8 {width: 66.66%;}
    .col-xs-9 {width: 75%;}
    .col-xs-10 {width: 83.33%;}
    .col-xs-11 {width: 91.66%;}
    .col-xs-12 {width: 100%;}
}


@media only screen and (min-width: 481px) and (max-width: 640px) {
    /* For mobile horizontal: */

            #header ul li a {
                font-size: 1.3em !important;
                padding-right: 1.2em;
            }

            #derechos ul li {
                padding: 6em;
            }

            .fotos {
                margin-top: 8em;
            }

            .fotos img {
                padding: 0.6em;
            }

            body {
                padding: 0.5em 2em
            }

            #padding_contacto {
                padding: 1em;
            }

            #footer-index h1 {
                padding-top: 30em;
            }

            #cuerpo_sobre_mi img {
                width: 100%;
            }

            .firma_sobre_mi h1 {
                font-size: 1.5em;
            }

            /*Autor*/

            .firma_sobre_mi {
                font-size: 2.1em;
                margin-top: 0.2em;
            }

            #cuerpo_sobre_mi h1 {
                font-size: 1.4em;
            }

            #forma_de_trabajar p {
                font-size: 1.1em;
                margin-top: -0.2em;
            }

            

            

          

            

    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
}


@media only screen and (min-width: 641px) and (max-width: 800px) {
    /* For tablet horizontal: */

            #header ul li a {
                font-size: 1.6em !important;
                padding-right: 1.4em;
            }

            #derechos ul li {
                padding: 1em;
            }

            .fotos {
                margin-top: 9em;
            }

            .fotos img {
                padding: 1em;
            }

            body {
                padding: 0.1em 5em
            }

            #body_politicas {
                padding: 3em 5em;
            }

            #cuerpo_sobre_mi img {
                width: 100%;
            }

            .parrafo_sobre_mi {
                float: left;
            }

            .firma_sobre_mi h1 {
                font-size: 1.5em;
            }

            /*Autor*/

            .firma_sobre_mi {
                font-size: 2.1em;
                margin-top: 0.3em;
            }

            #cuerpo_sobre_mi h1 {
                font-size: 1.5em;
            }

            #forma_de_trabajar p {
                font-size: 1.1em;
                margin-top: -0.3em;
            }

            .imagen_sobre_mi {
                margin-right: 1.8em;
            }

            
            




    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}



@media only screen and (min-width: 801px) and (max-width: 1024px) {
    /* For tablet vertical: */

            #header ul li a {
                font-size: 1.7em !important;
                padding-right: 1.5em;
            }

            #derechos ul li {
                padding: 3em;
            }

            .fotos {
                margin-top: 9em;
            }

            .fotos img {
                padding: 1em;
            }

            body {
                padding: 0.1em 5em
            }

            #padding_contacto {
              padding: 3em;
            }

            #body_politicas {
                padding: 3em 5em;
            }

            #cuerpo_sobre_mi img {
                width: 100%;
            }

            .firma_sobre_mi h1 {
                font-size: 2em;
            }

            iframe {
                margin-left: 2em;
            }

            /*Autor*/

            .firma_sobre_mi {
                font-size: 2.3em;
                margin-top: 0.3em;
            }

            #cuerpo_sobre_mi h1 {
                font-size: 1.6em;
            }

            #forma_de_trabajar p {
                font-size: 1.1em;
                margin-top: -0.4em;
            }

            .imagen_sobre_mi {
                margin-right: 1.8em;
            }

            

           




    .col-l-1 {width: 8.33%;}
    .col-l-2 {width: 16.66%;}
    .col-l-3 {width: 25%;}
    .col-l-4 {width: 33.33%;}
    .col-l-5 {width: 41.66%;}
    .col-l-6 {width: 50%;}
    .col-l-7 {width: 58.33%;}
    .col-l-8 {width: 66.66%;}
    .col-l-9 {width: 75%;}
    .col-l-10 {width: 83.33%;}
    .col-l-11 {width: 91.66%;}
    .col-l-12 {width: 100%;}
}



@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    /* For desktop mediano: */

            #header ul li a {
                font-size: 1.8em !important;
                padding-right: 1.7em;
            }

            #derechos ul li {
                padding: 3em;
            }

            .fotos {
                margin-top: 9em;
            }

            .fotos img {
                padding: 1em;
            }

            body {
                padding: 0.1em 5em
            }

            #padding_contacto {
              padding: 3em;
            }

            #body_politicas {
                padding: 3em 5em;
            }

            #cuerpo_sobre_mi img {
                width: 100%;
            }

            .firma_sobre_mi h1 {
                font-size: 2em;
            }

            iframe {
                margin-left: 2em;
            }

            /*Autor*/

            .firma_sobre_mi {
                font-size: 2.4em;
                margin-top: 0.4em;
            }

            #cuerpo_sobre_mi h1 {
                font-size: 1.7em;
            }

            #forma_de_trabajar p {
                font-size: 1.2em;
                margin-top: -0.5em;
            }

            .imagen_sobre_mi {
                margin-right: 2em;
            }

            

            




    .col-xl-1 {width: 8.33%;}
    .col-xl-2 {width: 16.66%;}
    .col-xl-3 {width: 25%;}
    .col-xl-4 {width: 33.33%;}
    .col-xl-5 {width: 41.66%;}
    .col-xl-6 {width: 50%;}
    .col-xl-7 {width: 58.33%;}
    .col-xl-8 {width: 66.66%;}
    .col-xl-9 {width: 75%;}
    .col-xl-10 {width: 83.33%;}
    .col-xl-11 {width: 91.66%;}
    .col-xl-12 {width: 100%;}
}



@media only screen and (min-width: 1281px) {
    /* For desktop grande: */

            #header ul li a {
                font-size: 2em !important;
                padding-right: 1.8em;
            }

            #derechos ul li {
                padding: 3em;
            }

            .fotos {
                margin-top: 9em;
            }

            .fotos img {
                padding: 1em;
            }

            body {
                padding: 0.1em 5em
            }

            #padding_contacto {
              padding: 1em;
            }

            #body_politicas {
                padding: 3em 5em;
            }

            #cuerpo_sobre_mi img {
                width: 100%;
            }

            .firma_sobre_mi h1 {
                font-size: 2.5em;
            }

            iframe {
                margin-left: 2em;
            }


            /*Autor*/

            .firma_sobre_mi {
                font-size: 2.5em;
                margin-top: 0.5em;
            }

            #cuerpo_sobre_mi h1 {
                font-size: 1.8em;
            }

            #forma_de_trabajar p {
                font-size: 1.2em;
                margin-top: -0.5em;
            }

            .imagen_sobre_mi {
                margin-right: 2em;
            }

            

            



    .col-xxl-1 {width: 8.33%;}
    .col-xxl-2 {width: 16.66%;}
    .col-xxl-3 {width: 25%;}
    .col-xxl-4 {width: 33.33%;}
    .col-xxl-5 {width: 41.66%;}
    .col-xxl-6 {width: 50%;}
    .col-xxl-7 {width: 58.33%;}
    .col-xxl-8 {width: 66.66%;}
    .col-xxl-9 {width: 75%;}
    .col-xxl-10 {width: 83.33%;}
    .col-xxl-11 {width: 91.66%;}
    .col-xxl-12 {width: 100%;}
}