@charset "utf-8";

@font-face {
    font-family: 'Gretoon';
    src: url('Gretoon.eot');
    src: url('Gretoon.eot?#iefix') format('embedded-opentype'),
        url('Gretoon.woff2') format('woff2'),
        url('Gretoon.woff') format('woff'),
        url('Gretoon.ttf') format('truetype'),
        url('Gretoon.svg#Gretoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LesliesHand';
    src: url('LesliesHand.eot');
    src: url('LesliesHand.eot?#iefix') format('embedded-opentype'),
        url('LesliesHand.woff2') format('woff2'),
        url('LesliesHand.woff') format('woff'),
        url('LesliesHand.ttf') format('truetype'),
        url('LesliesHand.svg#LesliesHand') format('svg');
    font-weight: 500;
    font-style: normal;
}


html {
overflow-y: scroll;
background-color:#CCCCCC;
}

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin: 0 auto;
align:center;
max-width:1600px;
z-index:1;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #CCCCCC;
}

h1 {
color:#FFFFFF;
text-align:center;
vertical-align:middle;
font-size:40px;
}

h2 {
font-size:20px;
color: #333333;
}

@media only screen and (max-width: 1100px) {
h1 {
color:#FFFFFF;
text-align:center;
vertical-align:middle;
font-size:60px;
}

}