body {
    overflow-x: hidden;
    padding: 0%;
    margin-top: 10%;
}

head {
    padding: 0.5%;
}

.responsive {
    width: 100%;
    height: auto;
}

@font-face {
    src: url(fonts/Swis721BlkCnBT.ttf);
    font-family: nos;
}

@font-face {
    src: url(fonts/swiss721/Swiss721CondensedBT.ttf);
    font-family: nos1;
}

.head {
    font-family: nos;
    font-size: 30pt;
    text-align: right;
}

.detail1 {
    font-family: nos;
    font-size: 18pt;
    padding: 2% 5.7% 0% 5.7%;
}

.detail {
    font-family: nos1;
    font-size: 15pt;
    padding: 0% 0% 0% 0%;
}

p {
    font-family: nos;
    font-size: 15pt;
}

.detail3 {
    font-family: nos1;
    font-size: 18pt;
}

.paddin {
    padding-top: 0%;
}

.paddin1 {
    padding-top: 15%;
}

.paddin2 {
    padding-top: 35%;
}

@media only screen and (max-width: 650px) {
    body {
        margin-top: 50%;
    }
    .pad {
        padding-left: 10%;
    }
    .detail3 {
        font-family: nos1;
        font-size: 10pt;
        text-align: center;
    }
    .paddin,
    .paddin1,
    .paddin2 {
        padding-top: 2%;
    }
}