/* Basic styles */

html, body, div, span, applet,
object, iframe, h1, h2, h3, h4,
h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd,
q, s, samp, small, strike, strong,
sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details,
embed, figure, figcaption, footer,
header, hgroup, menu, nav, output,
ruby, section, summary, time, mark,
audio, video                                    { margin: 0; padding: 0; border: 0; font-size:100%; font:inherit; vertical-align:baseline; }
article, aside, details, figcaption,
figure, footer, header, hgroup, menu,
nav, section                                    { display:block; }
body                                            { line-height:1; }
ol, ul                                          { list-style:none; }
blockquote, q                                   { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after                               { content:''; content:none; }
table                                           { border-collapse:collapse; border-spacing:0; }
html                                            { overflow-y:scroll; overflow:-moz-scrollbars-vertical; }
body                                            { margin:30px; padding:0; background-color:#e9dfd3; font-family:'peak'; color:#3f2121; }


a {
	color:#3f2121; text-decoration:none; cursor:pointer;
}

a:hover {
	color:#3f2121; text-decoration:none; cursor:pointer; opacity: 0.25;
}

/* New */

.blink {
	animation: blink-animation 1s steps(2, start) infinite; -webkit-animation: blink-animation 1s steps(5, start) infinite; color:#AEA000; 
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

/* Responsive: Desktop */

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

	#container {
		max-width: 3000px;
		font-size: 18px;
		line-height: 26px;
		letter-spacing:-0.15px;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-text-size-adjust:none;
	  }

	#desktop {
		position: fixed;
		width:500px;
		bottom:32px;
		left:52%;
		margin-left:-275px;
	}

	#smartphone {
		display: none;
	}

}

/* Responsive: Tablet/Smartphone */

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

	#container {
		max-width: 950px;
		font-size: 18px;
		line-height: 26px;
		letter-spacing:-0.15px;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-text-size-adjust:none;
	}

	#desktop {
		display: none;
	}

	#smartphone {
		display:block;
		position: fixed;
		bottom:32px;
		left:50%;
		margin-left:-145px;
	}
}

#footer {
	position: fixed;
	top:32px;
	left:50%;
	margin-left:-80px;
	width:150px;
}

#aviat {
	position: fixed;
	color:#3f2224;
	top:110px;
	left:50%;
	margin-left:-108px;
	text-align:center;
	line-height: 24px;
}