body
{margin:0;
padding:0;
overflow:hidden;}

#box
{position:absolute;
top:87%;
left:37%;
padding:0;
margin:0;
display:flex;
list-style-type:none;
z-index:99}

#box a
{display:block;
padding:10px 12px;
background:#fff;
color:#666;
margin:0 1px;
text-decoration:none;
font: 0.8em Arial;
transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}

#box a:hover
{background:#ef8128;
color:#fff;}

h1
{font:1.5em 'Arial Rounded MT';
width:90%;
margin-top:5%;
margin-left:5%;
color:#fff;}

p
{font: 1em Arial;
line-height:150%;
width:90%;
margin-left:5%;
color:#fff;}

img
{width:40%;
float:right;
margin-left:5%;
margin-bottom:100px;}

#i1
{left:0;
background:transparent;}

#i1
{left:100%;
background:transparent;}

#i2
{left:200%;
background:transparent;}

#i3
{left:300%;
background:transparent;}

.page
{position:absolute;
width:100%;
height:100%;
transition:transform .8s;
-webkit-transition:-webkit-transform .8s;
-moz-transition:-moz-transform .8s;
transform:translateX(-100%);
-webkit-transform:translateX(-100%);
-moz-transform:translateX(-100%);}

#a1:target .page
{transform:translateX(-100%);
-webkit-transform:translateX(-100%);
-moz-transform:translateX(-100%);}

#a2:target .page
{transform:translateX(-200%);
-webkit-transform:translateX(-200%);
-moz-transform:translateX(-200%);}

#a3:target .page
{transform:translateX(-300%);
-webkit-transform:translateX(-300%);
-moz-transform:translateX(-300%);}