@font-face {
    font-family: 'phosphate';
    src: url('../css/fonts/phosphate-solid-webfont.eot');
    src: url('../css/fonts/phosphate-solid-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/phosphate-solid-webfont.woff') format('woff'),
         url('../css/fonts/phosphate-solid-webfont.ttf') format('truetype'),
         url('../css/fonts/phosphate-solid-webfont.svg#phosphatesolid') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body { width: 100%; }
body { padding: 0; margin: 0px; background-color: #000; background: rgba(242,219,107,0.9) url('../img/bg-full.jpg') 50% 50% no-repeat; background-size: cover; font-family: phosphate, Arial, sans-serif; font-weight: normal; }

.out { position: absolute; left: -10000px; top: -10000px }
.center { text-align: center; }
.row { width: 100%; display: block; position: relative; clear: both; *zoom: 1; }
.row:before, .row:after { content: ''; display: table; clear: both;	height: 0; visibility: hidden; font-size: 0; }
img { max-width: 100%; height: auto; }

.content { width: 100%; height: 100%; overflow: hidden; position: relative; }
.logo { padding: 0 20px; position: relative; top: 6%; margin: 0 auto; max-width: 40%; height: 500px; }
.logo img { display: block; margin: 0 auto; position: relative; bottom: 0; }

.bottom-bar { background-color: #f2db6b; background: rgba(242,219,107,0.9) url('../img/bottom-bar.png') 50% 0 no-repeat; position: absolute; bottom: 1px; left: 0; width: 100%; height: 0; }
.js .bottom-bar { height: 120px; }
.bottom-bar p { padding: 26px 20px; margin: 0; text-align: center; text-transform: uppercase; font-size: 0; }
.bottom-bar p > span { font-size: 30px; line-height: 70px; color: #000; }
.bottom-bar a { background-color: #b31923; text-decoration: none; text-align: center; display: inline-block; *display: inline; *zoom: 1; height: 70px; padding: 0 42px; margin-left: 30px; font-size: 30px; line-height: 70px; color: #fff; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.bottom-bar a:hover { background-color: #fff; color: #b31923; }

/* normal transitions */
.bottom-bar a { -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; transition: all 150ms ease-out; }
.bottom-bar { -webkit-transition: height 350ms ease-out; -moz-transition: height 350ms ease-out; -ms-transition: height 350ms ease-out; -o-transition: height 350ms ease-out; transition: height 350ms ease-out; }

/* opacity */
.js .logo img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.logo img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }


@media screen and (max-width: 1024px) {

body { -webkit-text-size-adjust: 100%; background-image: url('../img/bg-narrow.jpg'); }

.logo { max-width: 60%; }
.bottom-bar p { padding: 15px 20px; }
.bottom-bar p > span { display: block; font-size: 20px; line-height: 25px; margin-bottom: 10px; }
.bottom-bar a { height: 50px; padding: 0 35px; margin-left: 0; font-size: 20px; line-height: 50px; }

}