/* reset */

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

@font-face {
    font-family: 'Avenir';
    src: url('fonts/AvenirLTStd-Book.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }


/* main */

    main{
        background-color: white;
    }

    .portada-mobile{
        width: 100%;
    }

    .portada-desktop{
        display: none;
    }

    .resumen{
        background-color: white;
        margin: 40px 20px;
        color: #002A5C;
        font-size: 20px;
        font-family: "Avenir", sans-serif;
        font-weight: normal;
        font-style: normal;
    }

    .formulario {
        background-color: #304D98;
    }

        /* main responsive desktop */

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

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

            .resumen{
                margin: 40px 80px;
                display: grid;
                grid-template-columns: repeat(2,1fr);
                column-gap: 80px;
            }
        
        }

/* footer */

footer{
    background-color: black;
    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;
        }
        }