/* Import Fonts */
@import url(http://fonts.googleapis.com/css?family=Coustard|Open+Sans);

body { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 21px; font-weight: 400; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; color: #FFF; background: #000; }
h1, h2, h3, h4, h5, h6 { font-family: 'Coustard', serif; color: #fff; font-weight: normal; letter-spacing: 1px; }
h1 { font-size: 63px; line-height: 70px; padding: 0; margin: 0; }
h5 { font-size: 28px; line-height: 35px; padding: 0; margin: 0; color: #b7b7b7; }

a { color: #FFF; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }

#maximage { display: none; position: fixed !important; }

.gradient { left: 0; height: 100%; opacity: 0.7; position: absolute; top: 0; width: 100%; z-index: 999; }

.show { display: block; }
.hide { opacity: 0; }

/* Set Page Elements */
.content { box-sizing: border-box; float: left; padding: 40px; position: absolute; top: 200px; max-width: 100%; width: 600px; z-index: 9999; -webkit-font-smoothing: antialiased; }

#logo { font-family: 'Coustard', serif; font-size: 49px; bottom: 40px; height: auto; left: 40px; position: absolute; width: 20%; z-index: 1000; color: #fff; }

.main-nav { position: absolute; bottom: 23px; z-index: 1001; }
.main-nav ul li { list-style: none; display: inline; padding-right: 10px; padding-left: 10px; border-left: 1px solid #b7b7b7; }
.main-nav ul li a.active { color: #ffa800; }

.social-nav { position: absolute; top: 0px; left: 40px; }
.social-nav ul { margin: 0; padding: 0; }
.social-nav ul li { list-style: none; display: block; float: left; background: #393939; padding: 100px 10px 5px 10px; margin: 1px; opacity: .5; }
.social-nav ul li:hover { opacity: 1; }

button.full-screen { position: absolute; top: 0; right: 0; width: 31px; height: 31px; background: url("../images/full-screen-btn.png"); border: 0; cursor: pointer; opacity: .7; }
button.full-screen:hover { opacity: 1; }

#arrow_left, #arrow_right { bottom: 30px; height: 42px; position: absolute; right: 40px; width: 42px; z-index: 1000; }
#arrow_left { right: 95px; }