@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic);

    *{margin: 0;
    padding: 0;
    font-family: 'Roboto Condensed', sans-serif; outline:none
}
    .back-btn{position:absolute;right:8%;top:50px;display:inline-block;z-index:9999;}
        .back-btn a {
            background: #1d3772;
            color: #fff;
            padding: 10px;
            border-radius: 5px;
            text-decoration: none;
            cursor: pointer;
            text-transform: uppercase;
           font-family: 'Roboto Condensed', sans-serif;
        }
  

      body {margin: 0;
    padding: 0;
}
.magazine-viewport {padding-top:50px}

@media screen and (max-width:770px) {
.magazine-viewport {padding-top:0px}

}

/*@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) { 
.magazine-viewport {padding-top:200px}

}*/

.magazine-viewport .next-button, .magazine-viewport .previous-button {
    background: #ddd;
}
.magazine-viewport .next-button:before {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    content: "\e802";
    font-family: "fontello";
    transform: rotate(270deg);
}
.magazine-viewport .previous-button:before {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    content: "\e802";
    font-family: "fontello";
    transform: rotate(90deg);
}