@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

        @font-face {
            font-family: "museo";
            src: url("https://use.typekit.net/af/02218c/000000000000000000011b27/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"), url("https://use.typekit.net/af/02218c/000000000000000000011b27/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"), url("https://use.typekit.net/af/02218c/000000000000000000011b27/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
            font-display: auto;
            font-style: normal;
            font-weight: 900;
        }

        *{
            margin: 0;
            padding: 0;
        }

        .bkg{
            background-size:cover;
            width: 100%;
            position: relative;
            z-index: 1000;
            height: 100vh;
        }

        html{
            height: 100%;
            width: 100%;
            font-family: 'Montserrat', sans-serif;
        }

        body{
            width: 100%;
            display: flex;
            flex: 1;
            flex-direction: column;
            align-items: center;
            position: relative;
            background: #050A10;
        }

        .lp_maximized {
            z-index: 99999999999!important;
        }

        main{
            width: 100%;
            position: relative;
            text-align: center;
        }
        .logo{
            background-color: transparent;
            position:absolute;
            z-index: 10000000;
            width: 100%;
            height: 100px;
        }

        .logo img {
            margin: 30px auto;
            display: block;
            width:18vw;
        }

        .text-wrapper{
            left: 0;
            top: 3.5%;
            width: 100%;
            position: absolute;
            z-index: 100000;
            margin-top: -68%;
        }

        .text-wrapper .text
        {
            left: 3%;
            right: 0;
            margin-left: auto;
            margin-right: auto;
            position: absolute;
            margin-top: 74%;
            color: white;
            font-family: "museo";
        }


        .text-wrapper .text p
        {
            color: white;
            position:relative;
        }

        .text-wrapper .text p.p1
        {
            font-size: 3.2vw;
            font-weight: 900;
            text-shadow: 2px 2px 4px #000000;
        }


        .text-wrapper .text p.p3
        {
            font-size: 2vw;
            font-weight: 900;
            text-shadow: 2px 2px 4px #000000;
        }


        .text-wrapper .text p.p4
        {
            font-size: 1.5vw;
            font-family: 'Roboto', sans-serif;
            top:4px;
            width:60%;
            margin: 0 auto;

        }

        a.p4
        {
            text-decoration: none;
            color:white;
            font-weight: bold;
            font-size: 1.5vw;
            font-family: 'Roboto', sans-serif;
            top:4px;
            width:60%;
            margin: 0 auto;
        }


        .text-wrapper .text p.p4 a {
            text-decoration: none;
            color:white;
            font-weight: bold;
        }

        .text-wrapper .text > img
        {
            left: 0;
            right: 0;
            top: -5px;
            margin-left: auto;
            margin-right: auto;
            position: absolute;
            width: 32%;
        }

        div.btn {
            position: absolute;
            top: 23px;
            z-index: 99999999999;
            right: 32px;
        }

        button#en, button#de, button#es, button#fr {
            color: white;
            font-size: 2.5vw;
            font-weight: 900;
            text-shadow: 2px 2px 4px #000000;
            background: transparent;
            border: none;
            outline: none;
        }

        button img {
            width:70%;
            cursor: pointer;
        }


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

            .bkg{
                background-size: cover;
                height: 100vh;
            }
            .logo img {
                margin: 63px auto;
                width:34vw;
            }

            .text-wrapper{
                left: 0;
                top: 3.5%;
                width: 100%;
                margin-top: 10vh;
            }

            .text-wrapper .text p.p1 {
                font-size: 6.5vw;
                padding-right: 1px;
                padding-left: 1px;
            }

            .text-wrapper .text p.p3 {
                font-size: 4vw;
                padding-right: 15px;
                padding-left: 15px;
            }

            .text-wrapper .text p.p4 {
                font-size: 2.8vw;
                top:10px;
                width: 78%;
                margin: 0 auto;
            }

            a.p4 {
                text-decoration: none;
                color: white;
                font-weight: bold;
                font-size: 2.5vw;
                position: relative;
                top: 10px;
            }

            div.btn {
                width: 100%;

                right: 0;
                padding-top: 10px;
                padding-bottom: 10px;
                top:0;
            }

            .text-wrapper .text {
                margin-top: 3%;
                left: 1.0%;
            }
            .text-wrapper .text > img{
                width: 18%;
                top:0;
            }
        }