/*
Amour by Johnathan Miller
johnathanmiller.com
Copyright 2013
*/

/* === Animation === */

#bokeh-1, #bokeh-2{height:100%;position:absolute;top:0;left:0;right:0;}
#bokeh-1{
	background: url('../images/background/bokeh1.png') repeat-x center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-animation: sidescroll 480s infinite linear;
	-moz-animation: sidescroll 480s infinite linear;
	-ms-animation: sidescroll 480s infinite linear;
	-o-animation: sidescroll 480s infinite linear;
	animation: sidescroll 480s infinite linear; /* 8m */
	z-index: 2;
}
#bokeh-2{
	background: url('../images/background/bokeh2.png') repeat-x center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-animation: sidescroll 1440s infinite linear;
	-moz-animation: sidescroll 1440s infinite linear;
	-ms-animation: sidescroll 1440s infinite linear;
	-o-animation: sidescroll 1440s infinite linear;
	animation: sidescroll 1440s infinite linear; /* 24m */
	z-index: 1;
}
@-webkit-keyframes sidescroll{from{background-position:0 0;}to{background-position:9600px 0;}}
@-moz-keyframes sidescroll{from{background-position:0 0;}to{background-position:9600px 0;}}
@-ms-keyframes sidescroll{from{background-position:0 0;}to{background-position:9600px 0;}}
@-o-keyframes sidescroll{from{-o-background-position:0 0;}to{-o-background-position:9600px 0;}}
@keyframes sidescroll{from{background-position:0 0;}to{background-position:9600px 0;}}
@media only screen and (min-width:480px) and (max-width:767px){#bokeh-1,#bokeh-2{height: 130%;}}
@media only screen and (max-width:479px){#bokeh-1,#bokeh-2{height: 130%;}}