html, body, ul, ol, li
{
	margin: 0;
	padding: 0;
}
html {
    box-sizing: border-box;
  }
  *, *:before, *:after {
    box-sizing: inherit;
  }

img { border: 0; }


a{
    color:#fff;
    text-decoration: none;
}


@font-face {
    font-family: 'bebas_neuebold';
    src: url('polices/bebasneue_bold-webfont.woff2') format('woff2'),
         url('polices/bebasneue_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bebas_neueregular';
    src: url('polices/bebasneue_regular-webfont.woff2') format('woff2'),
         url('polices/bebasneue_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}





body{
    background: #B80015; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #eb001e 0%, #b80015 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #eb001e 0%,#b80015 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #eb001e 0%,#b80015 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb001e', endColorstr='#b80015',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color:#fff;
    font-family: 'bebas_neueregular';
    font-size: 16px; /*fallback*/
}


h1,h2 {

    font-size: 2rem;
    font-weight: normal;
    line-height: 1.2em;
    margin: 0;
    padding:0;
    font-size: 25px; /*fallback*/
    font-size: 3.35vw;
}

h1 {font-family: 'bebas_neuebold';
padding-bottom:0;
font-size: 40px; /*fallback*/
font-size: 5.2vw;
}

.container {display:block; width: 100%; text-align: center}


#logo {padding-top:3%; padding-bottom: 3%; max-width:130px; text-align: center; margin:0 auto;}


.logo {fill:#fff; width: 100%;}

#moi, #info { text-align:center; padding:25px 35px; display: inline-block; background-repeat:no-repeat; background-size: 100%; background-position: center;}

#moi {background-image: url(images/bg-moi.svg);}
#info {background-image: url(images/bg-info.svg);}




.page {
    min-height: 100vh;
    height: auto !important;
    height: 100vh;

    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

      -webkit-align-items: center;
      -webkit-align-content: center;
      -webkit-justify-content: center;

      -ms-flex-align: center;
      -ms-flex-pack: center;

      align-items: center;
        align-content: center;
      justify-content: center;

  }


  @media only screen and (min-width: 768px) {
    body{
        font-size: 1.5vw;
    }
    #logo {
    max-width: 190px;
    }

    #moi, #info {
    padding:30px 35px;
    }
}