/* portrait and landscape */
@media screen and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation: portrait) {
	#wrapper {
	position:absolute;
	background: #b95838;
	height: 374px;
	width: 520px;
	top: 50%;
	left: 50%;
	margin-left: -260px; /*set to a negative number 1/2 of your width*/
	margin-top: -207px;
}

.top_container img {
	position: absolute;
    margin: auto;
    top: -10px;
    left: 0;
    right: 2px;
    bottom: 0;
    width: 300px;
    height: auto;
}

.bottom_container {
	position: absolute;
    margin: auto;
    top: 380px;
    left: 0px;
    right: 2px;
    bottom: 0;
}

.bottom_container img{
	width: 518px;
	height: auto;
}

}

/*  landscape  */
@media screen and (min-width : 512px)
	and (max-device-width : 580px)
	and (orientation: landscape)
{
 #wrapper {
	position:absolute;
	background: #b95838;
	height: 334px;
	width: 500px;
	top: 50%;
	left: 50%;
	margin-left: -250px; /*set to a negative number 1/2 of your width*/
	margin-top: -195px;
}

.top_container img {
	position: absolute;
    margin: auto;
    top: -10px;
    left: 0;
    right: 2px;
    bottom: 0;
    width: 300px;
    height: auto;
}

.bottom_container {
	position: absolute;
    margin: auto;
    top: 340px;
    left: 0px;
    right: 2px;
    bottom: 0;
}

.bottom_container img{
	width: 500px;
	height: auto;
}
	
}