body {
	background-image: url("../img/sponge-bg-faded.jpg");
}

img {
	border: 0px solid #000;
}

#container {
    margin: auto;
}

#no {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 54px;
}

#watch-trailer {
	text-align: center;
	margin-bottom: 7px;
}

#yes {
	margin-top: 14px;
	text-align:center;
}

#yes-gary {
	max-width:640px;
}

.embed-container {
	position: relative;
	overflow: hidden;
	margin: auto;
	margin-bottom: 13px;
}

.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
}

#footer {
    text-align: center;
    margin: auto;
}

#title-style {
    float: left;
}

#official-site {
    display: inline-block;
    margin: 0 auto;
	margin-top: 14px;
    width: 325px;
}

#in-cinemas {
	text-align: center;
	margin-bottom: 14px;
}

#url {
	text-align: center;
	margin-bottom: 14px;
}

#social-icons-container {
    float: right;
    width: 148px;
	margin-top: 14px;
}

#social-icons {
    float: right;
    width: 100px;
}

#social-icons img {
    padding-left: 7px;
}

#logos{
	clear: both;
    text-align: center;
    margin: auto;
}


@media only screen and (min-width: 768px) {
    /* tablets and desktop */
	.embed-container {
		width: 768px;
		height: 432px;
	}
	#footer {
		width: 768px;
	}
	#logos {
		width: 768px;
	}
}


@media only screen and (max-width: 767px) {
    /* phones */
	.embed-container {
		width: 96%;
		height: 48%;
	}

	#footer {
		width: 100%;
	}

	#logos {
		width: 100%;
	}

	#title-style {
	    float: none;
    	margin: 0 auto;
		margin-bottom: 14px;
    	clear: both;
	}
	
	#official-site {
	    float: none;
    	margin: 0 auto;
		margin-bottom: 14px;
    	clear: both;
	}
	
	#social-icons-container {
	    float: none;
    	margin: 0 auto;
    	clear: both;
	}
	
	#social-icons {
	    float: none;
    	margin: 0 auto;
    	clear: both;
    	padding: 0px;
	}
	
	#social-icons img {
    	padding: 3px;
	}
}