@charset "utf-8";
/* CSS Document */


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

body	{ overflow-x: hidden; }

.logo	{
			width: 150px;
			height: 120px;
			top: -20px;
			right: 50%;
			margin-right: -150px;
		}
.logo:after	{
				width: 150px;
				height: 120px;
			}

.bubble	{
			width: 70px;
			height: 70px;
			bottom: 25%;
			left: auto;
			right: 7%;
		}
.bubble:after	{
					width: 70px;
					height: 70px;
				}
				
.cookie	{
			width: 90px;
			height: 103px;
			top: auto;
			bottom: 15%;
			right: auto;
			left: 5%;
			
			animation: none;
			-moz-animation: none;
			-webkit-animation: none;
			-o-animation: none;
		}
		
.lights-left	{
					width: 500px;
					height: 427px;
					top: -130px;
				}
.lights-left:after	{
						width: 500px;
						height: 427px;
					}
		
.happy-elves	{
					position: relative;
					background-image: url(images/elves-mobile.png);
					width: 350px;
					height: 210px;
					bottom: 0;
					left: auto;
					margin: 0 auto;;
				}
				
.elf1,
.elf2,
.elf3,
.elf4,
.elf5,
.elf6,
.plug,
.lights-right	{ display: none; }
				
.elf1-mobile,
.elf2-mobile	{ display: block; }

.container	{
				width: 90%;
				padding: 80px 0 230px;
				text-align: center;
			}
			
.menu	{
			width: 100%;
			height: auto;
			left: 50%;
			margin-left: -50%;
			top: auto;
			bottom: 0;
		}
		
.menu a.showreel	{ margin-left: 30%; }
.menu a.blog	{ margin-left: 5%; }
.menu a.contact	{ margin-left: 25%; }
			
.paper	{
			background-image: none;
			width: 100%;
			height: auto;
		}
		
.paper:after	{
					width: 130px;
					height: 90px;
					bottom: 17%;
					right: -20px;
				}
				
.showreel-video	{
					width: 100%;
					height: auto;
					margin: 50px auto 50px;
				}
#video-mobile	{ display: block; }
#video-desktop	{ display: none; }
				
.bunny	{
			background-image: none;
			width: 100%;
			height: auto;
			margin: 50px auto 50px;
		}
		
.contact-form	{
					width: 100%;
					height: auto;
					margin: 50px auto 20px;
				}
				
input,											
select,
textarea	{
				width: 100%;
				font-size: 15px;
				padding: 4px 10px;
				margin-bottom: 25px;
			}
textarea	{ height: 150px; }

.paper img,
.bunny img	{ display: inline-block; }

}