/* -----------------------------------------------------------------------------

Master Stylesheet

version:1.0
updated:12/01/2015

Web Fonts
Bariol Light Italic 300
Bariol Bold Italic 700
BrandonGrotesque Medium 500

Anchors
=fonts 			fontfaces
=layout			layout elements
=elements		general elements
=header 		specific head elements
=content		specific content elements
=footer			specific foot elements
=ie					legacy ie fixes
=responsive responsive elements

----------------------------------------------------------------------------- */

/* =fonts
----------------------------------------------------------------------------- */

@font-face{font-family:'Omnes';src:url('../fonts/omnesregita-webfont.woff2') format('woff2'),url('../fonts/omnesregita-webfont.woff') format('woff'),url('../fonts/OmnesRegIta.ttf') format('truetype');font-weight:300;font-style:italic;}

@font-face{font-family:'Omnes';src:url('../fonts/omnessemita-webfont.woff2') format('woff2'),url('../fonts/omnessemita-webfont.woff') format('woff'),url('../fonts/OmnesSemIta.ttf') format('truetype');font-weight:700;font-style:italic;}

@font-face{font-family:'BrandonGrotesque';src:url('../fonts/brandon_med.woff2') format('woff2'),url('../fonts/brandon_med.woff') format('woff'),url('../fonts/brandon_med.ttf') format('truetype'),url('../fonts/brandon_med.svg#BrandonGrotesque') format('svg');font-weight:500;font-style:normal;}

/* =layout
----------------------------------------------------------------------------- */

html,
body { height:100%; width:100%; }

body { color:#001722; font:italic 300 14px/23px 'Omnes', sans-serif; text-align:center; }
#main { background:url(../img/bg2b.jpg) no-repeat center center; bottom:30px; left:0; position:fixed; right:0; top:0; }
#footer { background-color:#ffffff; bottom:0; height:30px; left:0; position:fixed; right:0; }

h1 { color:#b9a368; font-size:22px; line-height:1.2; margin-bottom:10px; }
p { margin-bottom:11px;line-height:1.3; }
a { color:#b9a368; font-weight:700; text-decoration:underline; }
.alt { color:#b9a368; }

.poly { background:url(../img/poly-point-circ.svg) no-repeat center center; background-size:cover; height:398px; left:0; margin:0 auto; position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform: translateY(-50%); width:328px; }
.poly .content { bottom:0; left:0; position:absolute; right:0; top:0; }
.poly .logo { height:auto; margin:35px 0 5px; width:76px; }

#footer .container { margin:0 16px; max-width:1024px; text-align:right; }
#footer .logo { display:none; height:auto; width:37px; }
#footer p { color:#b9a368; font:normal 500 9px/12px 'BrandonGrotesque', sans-serif; letter-spacing:1px; margin:9px 0 9px; text-transform:uppercase; }

/* =responsive
----------------------------------------------------------------------------- */

/* = mobile / tablet
------------------------------------ */
@media only screen and (min-width:768px),
only screen and (min-width:480px) and (orientation:portrait) {
	body { font-size:19px; line-height:25px; }
	h1 { font-size:27px; }
	#main { bottom:106px; }
	p { margin-bottom:20px;line-height:1.2; }
	#footer { height:106px; }
	.poly { height:508px; width:420px; }
	.poly .logo { margin:35px 0 20px; width:116px; }
	#footer .container { padding-top:16px; }
	#footer .logo { display:inline; }
}


/* = small desktop
------------------------------------ */
@media only screen and (min-width:1024px) {
	body { font-size:21px; line-height:27px; }
	h1 { font-size:33px; margin-bottom:30px; }
	#main { background-size:cover; }
	p { margin-bottom:20px;line-height:1.2; }
	.poly { height:590px; width:488px; }
	.poly .logo { margin:45px 0 30px; width:116px; }
	#footer .logo { display:inline; }
}

/* = large desktop
------------------------------------ */
@media only screen and (min-width:1280px) {
	#main { bottom:144px; }
	#footer { height:144px; }
	#footer .container { max-width:100%; padding-right:52px; padding-top:35px; }
}

/* END----------------------------------------------------------------------- */