/* USING CUSTOM FONTS */

@font-face { font-family: "brownstdlight"; src: url("../fonts/brown.std.light.otf"); }
@font-face { font-family: "brownstdreg"; src: url("../fonts/brown.std.regular.otf"); }
@font-face { font-family: "brownstdbold"; src: url("../fonts/brown.std.bold.otf"); }

h1 { font: normal 36px "brownstdbold"; }
h2 { font: normal 26px "brownstdreg"; }
h3 { font: normal 16px "brownstdlight"; }


/* defaults so we can see what we're doing */
/* #foreground { background: rgba(0,255,0,0.2); }*/
/* #background { background: rgba(0,0,255,0.2); }*/


/* elegantly fade in our content once everything has loaded */
body { background: black; }
.overlapper { display: none; }


/* ----------------------------------------
	Global Styles
---------------------------------------- */

.circle { border-radius: 50%; }


/* ----------------------------------------
	Page 01
---------------------------------------- */

#page-01 #background {
	background: brown;
	background-size: cover;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#page-02 #background {
	background: red;
	background-size: cover;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
#page-03 #background {
	background: blue;
	background-size: cover;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
#page-04 #background {
	background: yellow;
	background-size: cover;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
#page-05 #background {
	background: gray;
	background-size: cover;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

}
#page-06 #background {
	background: black;
	background-size: cover;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

}
#page-07 #background {
	background: red;
	background-size: cover;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

}
#page-08 #background {
	background: lavender;
	background-size: cover;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

}
#page-09 #background {
	background: green;
	background-size: cover;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

}
#page-10 #background {
	background: orange;
	background-size: cover;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

}
#page-11 #background {
	background: yellow;
	background-size: cover;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

}
#page-12 #background {
	background: pink;
	background-size: cover;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#page-13 #background {
	background: gray;
	background-size: cover;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

}
#page-14 #background {
	background: black;
	background-size: cover;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

}
#page-15 #background {
	background: green;
	background-size: cover;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

}
#page-16 #background {
	background: pink;
	background-size: cover;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

}
#page-17 #background {
	background: brown;
	background-size: cover;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

}
#page-18 #background {
	background: purple;
	background-size: cover;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

}
#page-19 #background {
	background: yellow;
	background-size: cover;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

}
#page-20 #background {
	background: brown;
	background-size: cover;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

}
#page-21 #background {
	background: blue;
	background-size: cover;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
#page-22 #background {
	background: green;
	background-size: cover;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#page-23 #background {
	background: orange;
	background-size: cover;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#page-24 #background {
	background: green;
	background-size: cover;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
}
#page-25 #background {
	background: black;
	background-size: cover;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
	img {
	position: absolute;
    left: 50px;
    top: 250px;
    width:250px;
    height:250px;
}