@font-face {
    font-family: Gotham;
    src: url("fonts/Gotham.ttf");
}

.magz-cover:before {
    position: absolute;
    left: 0;
    right: 0;
    content: '';
    background: url("../images/bg-cover.jpg") center bottom no-repeat;
    width: 100%;
    height: 100%;
    bottom: 6%;
    max-height: 75%;
}

.magzc-layer-one {
    position: absolute;
    bottom: 0;
    background: url("../images/Cover-Character.png") top right no-repeat;
    width: 62%;
    height: 95%;
    background-size: contain;
    right: 20px;
}

.magzc-layer-two {
    position: absolute;
    top: 0;
    background: url("../images/Cover-Title.png") top left no-repeat;
    width: 30%;
    height: 90%;
    background-size: contain;
    left: 8%;
}

.magzc-layer-three {
    position: absolute;
    bottom: 45px;
    background: url("../images/icon-medal.png") center center no-repeat;
    width: 8%;
    height: 8%;
    background-size: contain;
    left: 28.5%;
}

.magz-img-fr {
    margin-left: 125px;
}

.amt-70 {
    margin-top: -70px;
}

.magza-content p {
    font-size: 22px;
    color: #9d9d9d;
}

.magza-content {
    padding-left: 90px;
    position: relative;
}

.magza-content:before {
    position: absolute;
    top: 5px;
    left: 0;
    width: 80px;
    height: 80px;
    content: '';
    background: #ff831f;
}

.magz-subtitle {
    font-family: Gotham, sans-serif;
    font-size: 45px;
    color: #282828;
    line-height: 65px;
    min-height: 45px;
}

.magz-subtitle b {
    color: #fa6e3e;
}

.typed-cursor {
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}