/* Slideshow container */
@media only screen and (orientation: landscape) and (min-width: 1300px)
{	
#bg{
	top: 0;
	left: 0;
	position: fixed;
	vertical-align: middle;
    min-width: 100%;
	min-height: 100%;
}
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 0s;
  animation-name: fade;
  animation-duration: 0s;
}

@-webkit-keyframes fade {
  from {opacity: 1} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: 1} 
  to {opacity: 1}
}


/*phone*/

@media only screen and (orientation: portrait)
{	
	#bg{
		top: 0;
		left: -90%;
		position: fixed;
		vertical-align: left;
		min-width: 100%;
		height: 100%;
	}	
}

@media only screen and (min-width: 1000px) and (max-width: 1400px)
{	
	#bg{
		top: 0;
		left: -70vw;
		position: fixed;
		vertical-align: left;
		min-width: 100%;
		height: 100%;
	}	
}

/*4:3*/
@media screen and (min-aspect-ratio: 4/3) and (max-aspect-ratio: 5/3) and (max-width: 2000px)
{	
	#bg{
		top: 0;
		left: -20vw;
		position: fixed;
		vertical-align: left;
		min-width: 100%;
		height: 100%;
	}	
}

/**/

@media screen and (max-height: 900px)
{	
	#bg{
		top: 0;
		left: 0;
		position: fixed;
		vertical-align: left;
		min-width: 100%;
		height: 100%;
	}	
}

/*iPad*/

@media only screen and (min-height: 1000px) and (max-height: 1040px)
{
	#bg{
		top: 0;
		left: -80vw;
		position: fixed;
		vertical-align: left;
		min-width: 100%;
		height: 100%;
	}
}