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

}

body {
	background: #0D0400;
	margin:0;
	}
	
#wrapper {
width:1060px;
margin:0 auto;
position:relative;
}

#homepage {
border:none;
}
	
#site-branding {
position:absolute;
width:480px;
top:135px;
right:40px;

}


h1 {
font-family: 'bernhardgothicefop-regularRg';
font-size: 70px;
color: #fffeee;
text-shadow: 0px 0px 2px #fffeee, -1px -1px 2px #fffeee;
letter-spacing: 0.05em;
margin: 0 0 25px 0;
}

h2 {
font-family: 'bernhardgothicefop-regularRg';
font-size: 66px;
text-align:right;
color: #fffeee;
text-shadow: 0px 0px 2px #fffeee, -1px -1px 2px #fffeee;
letter-spacing: 0.05em;
margin: 0;
}

a {
color: #fffeee;
letter-spacing: 0.05em;
text-decoration:none;
font-size:32px;
font-family: 'bernhardgothicefop-regularRg';
text-align:center;
}

a:hover {text-shadow: 1px 1px 43px #fffeee, -1px -1px 3px #fffeee;}

li {display:block; float:left; margin-right:45px;}

img {
max-width:100%;
}

.segment {
margin:12px auto;
width:350px;
transition: width 2s;
position:relative;
}

.segment:hover, .segment:active {
width:800px;
transition: width 2s;
position:relative;
}

.caption {
font-size:48px;
text-transform:uppercase;
color: #fffeee;
font-family: 'bernhardgothicefop-regularRg';
position:absolute;
z-index:99;
}