@font-face {
    font-family: 'vtf_gulaxregular';
    src: url('gulax-webfont.eot');
    src: url('gulax-webfont.eot?#iefix') format('embedded-opentype'),
         url('gulax-webfont.woff') format('woff'),
         url('gulax-webfont.ttf') format('truetype'),
         url('gulax-webfont.svg#vtf_gulaxregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body{
  background:white;
  font-size: 12px;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: left;
  color: black
}

.item {
  position: absolute;
}
.item h1{
  position: absolute;
  font-size: 130px;
  font-family: vtf_gulaxregular;
  opacity: 0.1;
}

.item h3{
  position: absolute;
  font-size: 10px;
  color: #ff3131;
}

.item img {
  position: absolute;
  filter:blur(5px);
  z-index: -1;
  border-radius:5%;
}

.item p {
    font-size: 20px;
    position: absolute;
    font-family: Roboto;
}

.item h2 {
  z-index: 3;
  font-size: 60px;
  font-family: vtf_gulaxregular;
}

/* item 1 */
.item1 {
  top: 2vh;
  left: 50vw;
}

.item1 h1{
  top: -3vh;
  left: -20vw;
}

.item1 p{
  width: 37vw;
  top: 7vh;
  /*left: 0vw;*/
}
.item1 img  {
  width: 24vw;
  top: -2vh;
  left: -46vw;
}

.item1 h3{
  top: 50vh;
  left: -45vw;
}


/* item 2 */

.item2 {
  top: 16vh;
  left: 50vw;
}

.item2 h1{
  top: -3vh;
  left: 20vw;
}

.item2 p{
  width: 47vw;
  top: 7vh;
}


/* item 3 */
.item3 {
      top: 28vh;
      left: 50vw;
    }

.item3 p{
      width: 37vw;
      top: 7vh;
      left: 0vw;

    }

.item3 img {
      width: 26vw;
      top: -14vh;
      left: -40vw;
    }

.item3 h3{
          top: 25vh;
          left: -40vw;
        }


    /* item 4 */
    .item4 {
          top: 24vh;
          left: 4vw;
        }

    .item4 p{
          width: 37vw;
          top: 7vh;

        }

    .item4 img {

          width: 26vw;
          top: -12vh;
          left: -45vw;
        }

/* item 5 */
      .item5 {
              top: 42vh;
              left: 4vw;
            }

      .item5 p{
              width: 37vw;
              top:7vh;
            }

      .item5 img {

              width: 22vw;
              top: 18vh;
              left: 9vw;
              }

        .item5 h1{
                top: 7vh;
                left: 20vw;
              }

        .item5 h3{
                    top: 110vh;
                    left: 4vw;
                  }

/* item 6 */

.item6 {
        top: 45vh;
        left: 56vw;
      }

.item6 p{

        width: 37vw;
        top:7vh;
      }



.item6 img {

        width: 12vw;
        top: -4vh;
        left: 29vw;
      }

  .item6 h3{
        top: 28vh;
        left: -15vw;
      }

/* item 7 */
.item7 h1{
  top: 7vh;
  left: 26vw;
}
.item7 {
        top: 62vh;
        left: 38vw;
      }

.item7 p{
        width: 55vw;
        top:16vh;
        right:5vh;
      }

  .item7 h2{
    top:23vh;
    right:5vh;
      }

.item7 img {
        width: 29vw;
        top: 20vh;
        left: -37vw;
  }

  .item7 h3{
              top: 105vh;
              left: 23vw;
            }


  .Button {
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    display: inline-block;
    font-family: Roboto;
    font-size: 2vh;
    font-weight: bold;
    margin-top: 3vh;
    margin-left: 1090px;
    padding: 7px 9px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    color:#042732;
  }

  .Button:hover {
    background-color: #ff3131;
    background: linear-gradient(center top , #799E3C, #8EAF53) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(center top , #799E3C, #8EAF53) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(center top , #799E3C, #8EAF53) repeat scroll 0 0 transparent;
    border: 1px solid #ff3131;
    color: #FFF;
  }

  @media screen{
    body{
      cursor: url(image/curseur.png), auto;
    }
    h2{
      margin-bottom: 10px;
      margin-top: 0;
    }
    h2+p{
      margin-top: 0px;
    }
    p{
      top:0 !important;
      position:relative !important;
    }

    image{
      position:absolute;
    }
    .item1{
      top: 10vh;
    }

    .item2{
      top: 36vh;
    }
    .item3{
      top: 58vh;
    }

    .item4{
      top: 88vh;
    }

    .item5{
      top: 128vh;
    }
    .item5 img{
      top: 31vh;
      left:4vw;
    }

    .item5 h1{
      top: -23vh;
      left:0vh;
    }
    .item6{
      top: 102vh;
    }

    .item6 img{
      top: -8vh;
      left: -15vw;
      }

    .item7{
      top: 155vh;
    }
    .item7 img{
    top: 60vh;
    left: 23vw;
    }
  }


  @media print{

  body{
    font-size:297mm 420mm;
    margin:0;
  	border:none;
  }

    .Button {
    	display: none;
    }

      .item img {
      filter: none;
    }
h3.{
  margin-bottom: 10px;
  margin-top: 0;
}

    .item1 h3{
      line-height: 2px;
      top: 15vh;
      left:-46vw;
    }

    .item3 h3{
      line-height: -3px;
      top: -2vh;
      left:-40vw;
    }

    .item5 h3{
      line-height: -1px;
      top: 16vh;
      left:10vw;
    }

    .item6 h3{
      line-height: 11px;
      top: 7vh;
      left: 37vw;
    }

    .item7 h3{
      line-height: -1px;
      top: 34vh;
      left:-37vw;
    }



    }