/* reset */

*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}


/* main */

    main{
        background-color: #EEEEEE;
    }

    .portada-mobile{
        width: 100%;
    }

    .portada-desktop{
        display: none;
    }


        /* main responsive tablet */
            
        @media screen and (min-width:600px){

        .formulario{
            grid-column: span 2;
            margin-top: 40px;
        }
        
        }

        /* main responsive desktop */

        @media screen and (min-width:1200px){
            
        .portada-mobile{
            display: none;
        }

        .portada-desktop{
            display: initial;
            width: 100%;
        }

        .formulario{
            grid-column: span 1;
        }
        
        }


/* footer */

footer{
    background-color: #000000;
    padding: 20px;
}

footer img{
    height: 50px;
}

.footer-legales{
    color: white;
    font-size: 10px;
    font-family: "articulat-cf", sans-serif;
    font-weight: 400;
    font-style: normal;
    display: inline;
}

.footer-rrss{
    display: none;
}


        /* footer responsive tablet */

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

        footer{
            display: grid;
            grid-template-columns: repeat(2,1fr);
        }

        .footer-legales p{
            padding-bottom: 10px;
        }

        .footer-der{
            text-align: right;
        }

        .footer-rrss{
            display: initial;
        }

        .footer-rrss p{
            display: inline;
            color: white;
            font-size: 15px;
            font-family: "articulat-cf", sans-serif;
            font-weight: 400;
            font-style: normal;
        }

        .footer-rrss img{
            height: 15px;
        }

        }