@charset "utf-8";
/* CSS Document */

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

}
html,body{
 font-family: 'BebasRegular';
	width:100%;
	height:100%;
	background-color: #FFF6E6
}

/* unvisited link */
a:link {
    color: #F05A28;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: #6BAAC0;
}

/* mouse over link */
a:hover {
    color: #FEC321;
    
}

/* selected link */
a:active {
    color: #FEC321;
}

h2{
	/* background-color: #F5B222; */
    color: #333333;
    display: block;
    font-family: 'Georgia';
    font-size: 2.4em;
    font-style: italic;
    font-weight: bold;
    text-shadow: 1px 1px 0 #CCCCCC;
	filter: dropshadow(color=#cccccc, offx=1, offy=1);
	
}
h3{
	font-size: 1.4em;
	color: #000;
	font-family: verdana,sans-serif;
	text-shadow: 1px 1px 0 #ffffff, 2px 2px 0 #cccccc;
	filter: dropshadow(color=#ffffff, offx=1, offy=1);
	filter: dropshadow(color=#cccccc, offx=2, offy=2);
	line-height: 1.8em;
	
   
}
h4{
	/* background-color: #F5B222; */
	font-family: 'BebasRegular';
    color: #000;
    display: block;
    font-size: 50px;
    font-style: normal;
    font-weight: bold;
    text-shadow: 1px 1px 0 #CCCCCC;
	filter: dropshadow(color=#cccccc, offx=1, offy=1);
	filter: dropshadow(color=#cccccc, offx=2, offy=2);
	line-height: 1.8em;
	word-spacing: 0.2em;
	
}
p{
	color: #404041;
    font-family:'Pathway Gothic One', sans-serif;
    font-size: 2.0em;
    letter-spacing: -0.01em;
    padding: 0px 0;
    word-spacing: 0.2em;
}

#main {
    float: left;
    position: fixed;
    text-align: center;
    margin: auto;
    width: auto;
    height: auto;
    
}

#logo {
    float: left;
    position: fixed;
    text-align: center;
    padding: 0px;
    background-image: url(/images/main_logo2.png);
    background-repeat: no-repeat;
    width: 600px;
    height: 380px;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    
 
   
    
}

#text {
    float: left;
    position: fixed;
    text-align: center;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 150px;
    
}