@font-face {
    font-family: 'Danzza Medium';
    src: url("/fonts/danzza-medium-webfont.woff.ttf") format("truetype")
}
@font-face {
    font-family: 'PP Mori Extra Light';
    src: url("/fonts/PPMori-Extralight.otf") format("opentype");
}
@font-face {
    font-family: 'PP Mori Regular';
    src: url("/fonts/PPMori-Regular.otf") format("opentype");
}
@font-face {
    font-family: 'PP Mori Semi Bold';
    src: url("/fonts/PPMori-SemiBold.otf") format("opentype");
}
body {
    font-family: "PP Mori Extra Light" !important;
    color: #000000;
}
body p {
    font-size: 18px;
}
.danzza {
    font-family: "Danzza Medium";
}
a {
    color: #000000 !important;
    text-decoration: none !important;
}
h1 {
    font-size: 40px !important;
    line-height: 40px !important;
}
h2 {
    font-size: 32px !important;
}
.see-beer {
    bottom: -5px;
}
.see-beer p {
    font-family: "PP Mori Regular";
    font-size: 15px !important;
}
.main-title {
    top: 250px;
}
.description {
    font-family: "PP Mori Regular";
    color: #FFFFFF;
    font-size: 24px;
}
.headband {
    background-color: #FFFFFF;
}
.by {
    font-family: "PP Mori Semi Bold";
    font-size: 24px;
}
.name {
    font-size: 41px;
    color: #FF9A00;
}
.text-uppercase {
    font-size: 33px;
    line-height: 35px;
}
strong {
    font-weight: 200 !important;
    position: relative;
}
.blue:before {
    content: '';
    background-color: #57C7F1;
    width: 95%;
    height: 30px;
    position: absolute;
    z-index: -1;
}
.green:before {
    content: '';
    background-color: #9AEB6B;
    width: 95%;
    height: 30px;
    position: absolute;
    z-index: -1;
}
.yellow:before {
    content: '';
    background-color: #FCFF5F;
    width: 95%;
    height: 30px;
    position: absolute;
    z-index: -1;
}
.numbers .danzza {
    font-size: 35px;
}
.n1, .n2, .n3 {
    text-align: center;
}
.number-green {
    background-color: #9AEB6B;
    width: 50px;
    height: 52px;
}
.number-blue {
    background-color: #57C7F1;
    width: 50px;
    height: 52px;
}
.number-yellow {
    background-color: #FCFF5F;
    width: 50px;
    height: 52px;
}
.red-shape {
    position: absolute;
    top: -140px;
    left: 0;
}
.pink-shape {
    position: absolute;
    top: 200px;
    right: 0;
}
.blue-shape {
    position: absolute;
    bottom: -70px;
    left: 0;
}
.num-step {
    font-size: 32px !important;
    color: #F5DD17 !important;
}
.flower {
    position: absolute;
    right: 0;
    bottom: 100px;
    z-index: -1;
}
.round {
    border: 5px solid #9AEB6B;
    border-radius: 100px;
}
.see {
    font-size: 24px;
}
.social-networks {
    background-image: url("/img/background-footer.png");
    background-repeat: no-repeat;
    height: 210px;
}
.social-networks .danzza {
    font-size: 29px;
}
.gouts .description {
    color: #000000;
}
.wave-shape {
    position: absolute;
    z-index: -1;
    right: 0px;
    top: 90px;
}
.beer {
    position: relative;
}
.beer h2 {
    width: auto;
}
.grenade-line:before {
    content: '';
    width: 100%;
    height: 6px;
    background-color: #E15397;
    position: absolute;
    bottom: 0;
    z-index: -1;
}
.pasteque-line:before {
    content: '';
    width: 100%;
    height: 6px;
    background-color: #12C238;
    position: absolute;
    bottom: 0;
    z-index: -1;
}
.pamplemousse-line:before {
    content: '';
    width: 100%;
    height: 6px;
    background-color: #FF9A00;
    position: absolute;
    bottom: 0;
    z-index: -1;
}
.myrtille-line:before {
    content: '';
    width: 100%;
    height: 6px;
    background-color: #A963EE;
    position: absolute;
    bottom: 0;
    z-index: -1;
}
.gingembre-line:before {
    content: '';
    width: 100%;
    height: 6px;
    background-color: #FAF471;
    position: absolute;
    bottom: 0;
    z-index: -1;
}
.cerise-line:before {
    content: '';
    width: 100%;
    height: 6px;
    background-color: #EA454F;
    position: absolute;
    bottom: 0;
    z-index: -1;
}
.concombre-line:before {
    content: '';
    width: 100%;
    height: 6px;
    background-color: #C2F77E;
    position: absolute;
    bottom: 0;
    z-index: -1;
}
.abricot-line:before {
    content: '';
    width: 100%;
    height: 6px;
    background-color: #F7BF7E;
    position: absolute;
    bottom: 0;
    z-index: -1;
}
.fraise-line:before {
    content: '';
    width: 100%;
    height: 6px;
    background-color: #EA333E;
    position: absolute;
    bottom: 0;
    z-index: -1;
}
.rhubarbe-line:before {
    content: '';
    width: 100%;
    height: 6px;
    background-color: #39B34D;
    position: absolute;
    bottom: 0;
    z-index: -1;
}
.melon-line:before {
    content: '';
    width: 100%;
    height: 6px;
    background-color: #FFBA0A;
    position: absolute;
    bottom: 0;
    z-index: -1;
}
.coco-line:before {
    content: '';
    width: 100%;
    height: 6px;
    background-color: #FFEEC1;
    position: absolute;
    bottom: 0;
    z-index: -1;
}
.line {
    content: '';
    width: 100px;
    height: 2.5px;
    background-color: #000000;
    position: relative;
    bottom: -10.8px;
    border-radius: 50px;
    margin: 0 20px;
}
.line2 {
    content: '';
    width: 100px;
    height: 2.5px;
    background-color: #000000;
    position: relative;
    bottom: -10.8px;
    border-radius: 50px;
    margin: 0 20px;
}
.circle {
    content: '';
    width: 12px;
    height: 12px;
    background-color: #000000;
    position: absolute;
    border-radius: 50px;
    top: -5px;
}