/*####################################################
##													##
## GLOSS    										##
## 													##
## 640.CSS		           							##
## 													##
## 													##
## Estilo CSS responsive    						##
## Estilos del frontend      					    ##
##													##
##													##
####################################################*/

@charset "utf-8";

/*** ESTILOS COMUNES ***/

    /* Efectito */

    .glossy {
        width: 80%;
        top: 60%;
        left: -40%;
    }

/*** LAYOUT ***/

    /** HEADER ***/

        /* Menú */

        header nav ul li a {
            font-size: 2em;
        }

    /*** SECCIONES ***/

        /** HOME **/

            /* Proyectos (Works) */

            #proyectos {
                grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            }

                #proyectos .proyecto {
                    max-height: 200px;
                }

            /* The Agency (Agencia) */

            #agencia > .grid {
                grid-template-columns: 1fr;
            }

                #agencia .shape-1 {
                    display: none;
                }

                #agencia .shape-2 {
                    width: 270px;
                    height: 10px;
                    bottom: 100px;
                    right: initial;
                    left: 0px;
                }

                #agencia .shape-3 {
                    width: 30px;
                    height: 30px;
                    bottom: 10px;
                    right: initial;
                    left: 200px;
                }

                #agencia .shape-4 {
                    width: 150px;
                    height: 100px;
                    bottom: -25px;
                    left: -10px;
                }

                #agencia > div:first-child .negro h2 {
                    position: initial;
                }

                #agencia #finding-out {
                    bottom: -70px;
                    right: initial;
                    left: 200px;
                }