@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;pointer-events:none; }
html,body { position: relative; font-family: 'Oswald', Arial, sans-serif; font-size: 16px; }
html { background: #eee; padding: 70px; width: 100%; height: 100%; position: relative; overflow: hidden; }
body { background: #fff; padding: 70px; width: 100%; height: 100%; }
.glitch-bg { width: 100%; height: 100%; overflow: hidden; -webkit-transition: opacity .1s ease-in-out; -moz-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out; -webkit-animation-name: ChangeImages;  -moz-animation-name: ChangeImages; animation-name: ChangeImages; -webkit-animation-duration: 4s; animation-duration:4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 1; background: url('../img/bg.jpg'); background-position:center center; background-size:cover; }

@-webkit-keyframes ChangeImages {
	0% { background-image: url('../img/bg.jpg'); }
	77% { background-image: url('../img/bg.jpg'); }
	78% { background-image: url('../img/1.jpg'); }
	80% { background-image: url('../img/2.jpg'); }
	82% { background-image: url('../img/3.jpg'); }
	84% { background-image: url('../img/4.jpg'); }
	86% { background-image: url('../img/5.jpg'); }
	88% { background-image: url('../img/6.jpg'); }
	90% { background-image: url('../img/7.jpg'); }
	92% { background-image: url('../img/8.jpg'); }
	94% { background-image: url('../img/9.jpg'); }
	96% { background-image: url('../img/10.jpg'); }
	99% { background-image: url('../img/11.jpg'); }
	100% { background-image: url('../img/bg.jpg'); }
}
@keyframes ChangeImages {
	0% { background-image: url('../img/bg.jpg'); }
	77% { background-image: url('../img/bg.jpg'); }
	78% { background-image: url('../img/1.jpg'); }
	80% { background-image: url('../img/2.jpg'); }
	82% { background-image: url('../img/3.jpg'); }
	84% { background-image: url('../img/4.jpg'); }
	86% { background-image: url('../img/5.jpg'); }
	88% { background-image: url('../img/6.jpg'); }
	90% { background-image: url('../img/7.jpg'); }
	92% { background-image: url('../img/8.jpg'); }
	94% { background-image: url('../img/9.jpg'); }
	96% { background-image: url('../img/10.jpg'); }
	99% { background-image: url('../img/11.jpg'); }
	100% { background-image: url('../img/bg.jpg'); }
}
#logo { position: absolute; left:50%; top:-65px; margin:0 0 0 -140px; width: 280px; height: auto; display: block; }
h1 { position: absolute; right:-34px; top:50%; margin:0 -150px 0 0; width: 300px; height: 29px; display: block; text-align: center; font-size: 12px; font-weight: 400; letter-spacing: 5px; line-height: 30px; padding:0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
p { position: absolute; right:0; bottom:-50px; margin:0; height: 20px; display: inline-block; text-align: left; font-size: 12px; color:#999; letter-spacing: 1px; font-weight: 300;}

ul { position: absolute; left:-25px; top:50%; margin:-160px 0 0; height: 320px; list-style: none; padding-top: 40px; background: url(../img/bar.png) 0 0 no-repeat; background-size: 80px 10px;}
ul li { list-style: none; font-size: 40px; font-weight: 600; letter-spacing: 6px; margin:10px 0; text-transform: uppercase; }

@media screen and (max-width: 1280px) {
	html,body { padding:50px;}
	h1 { right:-26px;}
	p { bottom:-33px;}
	img { top:-50px; margin:0 0 0 -110px; width: 220px}
}
@media screen and (max-width: 480px) {
	html { padding:40px;}
	body { padding: 0; }
	img { margin:0 0 0 -100px; top:-40px; width: 200px; }
	p { display: block; text-align: center; right: 0; width: 100%;}
	ul { margin:-100px 0 0; height: 200px; padding-top: 20px; background: url(../img/bar.png) 0 0 no-repeat; background-size: 60px 10px; }
	ul li { font-size: 30px; margin:5px 0; }
	h1 { right:-20px; font-size: 11px;}
}