body {
	background: url('back.jpg') no-repeat top center fixed;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin: 0;
  padding: 0;
}

img.head {
	width: 90%;
  height: auto;
  margin: 20px auto;
  display: block;
}

.container {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -160px;
    margin-top: -74px;
    width: 320px;
    height: 148px;
    max-width: 1731px;
    max-height: 801px;
    display: block;
}
img.action {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 1;
}

.links {
    position:absolute;
    z-index: 2;
}
.l1 {
    top: 30px;
    left: 26px;
    width: 104px;
    height: 53px;
}
.l2 {
    top: 0px;
    left: 133px;
    width: 104px;
    height: 45px;
}
.l3 {
    top: 23px;
    left: 237px;
    width: 87px;
    height: 53px;
}
.l4 {
    top: 110px;
    left: 189px;
    width: 104px;
    height: 43px;
}
.l5 {
    top: 110px;
    left: 0px;
    width: 104px;
    height: 42px;
}
.l6 {
    top: 65px;
    left: 177px;
    width: 104px;
    height: 43px;
}
.l7 {
    top: 65px;
    left: 180px;
    width: 101px;
    height: 46px;
}
.l8 {
    top: 67px;
    left: 179px;
    width: 102px;
    height: 72px;
}
@media screen and (min-width: 768px) {
    .container {
        margin-left: -384px;
        margin-top: -74px;
        width: 768px;
        height: 177px;
    }

    .l1 {
        top: 80px;
        left: 110px;
        width: 220px;
        height: 90px;
    }
    .l2 {
        top: 10px;
        left: 335px;
        width: 195px;
        height: 80px;
    }
    .l3 {
        top: 50px;
        left: 535px;
        width: 150px;
        height: 60px;
    }
    .l4 {
        top: 220px;
        left: 465px;
        width: 210px;
        height: 80px;
    }
    .l5 {
        top: 225px;
        left: 60px;
        width: 220px;
        height: 70px;
    }
    .l6 {
        top: 150px;
        left: 395px;
        width: 230px;
        height: 65px;
    }
    .l7 {
       top: 300px;
        left: 200px;
        width: 200px;
        height: 75px;
    }
    .l8 {
        top: 305px;
        left: 530px;
        width: 155px;
        height: 70px;
    }
}

@media screen and (min-width: 1440px) {
    .container {
        margin-left: -720px;
        margin-top: -333px;
        width: 1440px;
        height: 666px;
    }

    .l1 {
        top: 150px;
        left: 280px;
        width: 330px;
        height: 100px;
    }
    .l2 {
        top: 25px;
        left: 625px;
        width: 390px;
        height: 110px;
    }
    .l3 {
        top: 90px;
        left: 1020px;
        width: 280px;
        height: 120px;
    }
    .l4 {
        top: 407px;
        left: 870px;
        width: 400px;
        height: 140px;
    }
    .l5 {
        top: 440px;
        left: 120px;
        width: 400px;
        height: 120px;
    }
    .l6 {
        top: 280px;
        left: 740px;
        width: 440px;
        height: 120px;
    }
    .l7 {
        top: 570px;
        left: 380px;
        width: 400px;
        height: 130px;
    }
    .l8 {
        top: 580px;
        left: 990px;
        width: 310px;
        height: 130px;
    }
}