/* reset */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
nav ul,
nav li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* start editing from here */

a {
    text-decoration: none;
}

.txt-rt {
    text-align: right;
}


/* text align right */

.txt-lt {
    text-align: left;
}


/* text align left */

.txt-center {
    text-align: center;
}


/* text align center */

.float-rt {
    float: right;
}


/* float right */

.float-lt {
    float: left;
}


/* float left */

.clear {
    clear: both;
}


/* clear float */

.pos-relative {
    position: relative;
}


/* Position Relative */

.pos-absolute {
    position: absolute;
}


/* Position Absolute */

.vertical-base {
    vertical-align: baseline;
}


/* vertical align baseline */

.vertical-top {
    vertical-align: top;
}


/* vertical align top */

.underline {
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    margin: 0 0 20px 0;
}


/* Add 5px bottom padding and a underline */

nav.vertical ul li {
    display: block;
}


/* vertical menu */

nav.horizontal ul li {
    display: inline-block;
}


/* horizontal menu */

img {
    max-width: 100%;
}


/*end reset*
 */

body {
    background: url(bg1.png);
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}

.content p {
    margin: 18px 0px 45px 0px;
}

.content p {
    font-family: "Century Gothic";
    font-size: 2em;
    letter-spacing: -0.03em;
    color: #89bed1;
    text-align: center;
    letter-spacing: -0.03em;
}

.content p span,
.logo h1 a {
    color: #0076ad;
}

.content {
    text-align: center;
    padding: 115px 0px 0px 0px;
}

.content a {
    color: #fff;
    font-family: "Century Gothic";
    background: #0cab49;
    padding: 15px 20px;
    border-radius: 6px;
}

.content a:hover {
    background: #0076ad;
}

h1 {
    font-size: 3em;
    letter-spacing: -0.05em;
    color: #0076ad;
    font-weight: 700;
    font-family: "Century Gothic";
    margin-top: 50px;
    letter-spacing: -0.03em;
}

.copy-right {
    padding-top: 20px;
}

.copy-right p {
    font-size: 0.9em;
}

.copy-right p a {
    background: none;
    color: #0076ad;
    padding: 0px 0px 5px 0px;
    font-size: 0.9em;
}

.copy-right p a:hover {
    color: #666;
}


/*------responive-design--------*/

@media screen and (max-width: 1366px) {
    .content {
        padding: 58px 0px 0px 0px;
    }
}

@media screen and (max-width:1280px) {
    .content {
        padding: 58px 0px 0px 0px;
    }
}

@media screen and (max-width:1024px) {
    .content {
        padding: 58px 0px 0px 0px;
    }
    .content p {
        font-size: 1.5em;
    }
    .copy-right p {
        font-size: 0.9em;
    }
}

@media screen and (max-width:640px) {
    .content {
        padding: 58px 0px 0px 0px;
    }
    .content p {
        font-size: 1.3em;
    }
    .copy-right p {
        font-size: 0.9em;
    }
}

@media screen and (max-width:460px) {
    .content {
        padding: 20px 0px 0px 0px;
        margin: 0px 12px;
    }
    .content p {
        font-size: 0.9em;
    }
    .copy-right p {
        font-size: 0.8em;
    }
}

@media screen and (max-width:320px) {
    .content {
        padding: 30px 0px 0px 0px;
        margin: 0px 12px;
    }
    .content a {
        padding: 10px 15px;
        font-size: 0.8em;
    }
    .content p {
        margin: 18px 0px 22px 0px;
    }
}