@font-face {
    font-family: 'amaticbold';
    src: url('fonts/amatic-bold-webfont.woff2') format('woff2'),
         url('fonts/amatic-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* --------------------------------------------------------- */
body {
	background-color: #B1E4E3;
}
.load1 {
	font-family: "amaticbold";
	color: #B1E4E3;
	font-size: 1px;
}
.load2 {
	font-family: "boucherie-cursive";
	color: #B1E4E3;
	font-size: 1px;
}
h1 {
	text-align: center;
	font-family: "Bellefair", serif;
	font-size: 100px;
	color: #fff;
	font-weight: 100;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	margin-bottom: 20px;
    text-transform: uppercase;
}

h4 {
	text-align: center;
	font-style: italic;
	font-weight: 100;
	font-family: "Bellefair", "Times new roman", serif;
	color: #666;
	font-size: 22px;
}
a {
	text-decoration: none;
	color: #333;
	}
@media only handheld and (max-width: 500px) {
    body {
        max-width: 480px;
        width: 100%;
    }
    h1 {
    	font-size: 150px;
    	color: #000;
    }
}