@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300);
body {
    font-family: 'Open Sans', sans-serif;
    background-color: #FFFAF6;
}
/*Basic Phone styling*/

.phone {
    border: 40px solid #ddd;
    border-width: 55px 7px;
    border-radius: 40px;
    margin: 50px auto;
    overflow: hidden;
    transition: all 0.5s ease;
    width: 370px;
    height: 810px;
}

.phone iframe {
    border: 0;
    width: 360px;
    height: 700px;
}
.phone.view_3 {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    box-shadow: 0px 3px 0 #BBB, 0px 4px 0 #BBB, 0px 5px 0 #BBB, 0px 7px 0 #BBB, 0px 10px 20px #666;
}

.panel {
    width: 100%;
    z-index:0;
    -webkit-transform: translateZ( 0 );
    transform: translateZ( 0 );
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

a[ id= "EXE_DIV1" ]:target ~ #EXE_MAIN article.panel {
    -webkit-transform: translateY( 0px);
    transform: translateY( 0px );
}
a[ id= "EXE_DIV2" ]:target ~ #EXE_MAIN article.panel {
    -webkit-transform: translateY( -500px );
    transform: translateY( -500px );
}
a[ id= "EXE_DIV3" ]:target ~ #EXE_MAIN article.panel {
    -webkit-transform: translateY( -1000px );
    transform: translateY( -1000px );
}