@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {

	#ipad-rotate-message, #desktop-view-on-ipad-message {
		display: none;
	}

	#loader {
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, 0.9);
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
		line-height: 1100px;
		display: none;
	}

	#loader .fa-spinner {
		color: #c2c2c2;
		font-size: 120px;
		margin: auto;
	}

	.container {
		width: 768px;
		padding: 0;
	}

	.container header {
		background-image: url(../img/trim/start-top.png);
		background-size: 768px auto;
		height: 225px;
	}

	.container header h1 {
		margin: 0 auto;
		padding-top: 95px;
		color: #fff;
		text-align: center;
		font-size: 57px;
	}

	.container #content {
		background-image: url(../img/trim/start-container.png);
		background-size: 768px auto;
		height: 651px;
	}

	.container #content #rating {
		text-align: center;
		padding-top: 220px;
	}

	.container #content #rating .face {
		display: inline-block;
	}

	.container #content #rating .face a {
		color: #000;
		text-decoration: none;
	}

	.container #content #rating .face a span {
		font-size: 20px;
		padding-top: 10px;
		display: block;
	}	

	.container #content #rating .face img {
		width: 135px;
		text-align: center;
	}

	.container #content #rating .face-neutral {
		margin: 0 60px;
	}

	.container footer {
		background-image: url(../img/trim/start-footer.png);
		background-size: 768px auto;
		height: 146px;
	}

	.container #content #thanks {
		text-align: center;
		padding-top: 130px;
	}

	.container #content #thanks img {
		width: 425px;
	}
}

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {

	.container, #loader, #desktop-view-on-ipad-message {
		display: none;
	}

	#ipad-rotate-message {
		height: 768px;
		text-align: center;
		vertical-align: middle;
		line-height: 768px;
		font-size: 60px;
	}
}

@media only screen and (min-width : 1025px) {
	.container, #loader, #ipad-rotate-message {
		display: none;
	}

	#desktop-view-on-ipad-message {
		height: 768px;
		text-align: center;
		vertical-align: middle;
		line-height: 768px;
		font-size: 60px;
	}
}

@media only screen and (max-width : 767px) {
	.container, #loader, #ipad-rotate-message {
		display: none;
	}

	.container {
		width: 100%;
	}
}