/* 
Theme Name: J-Lo Preorder Homepage 
Theme URI: -
Author: Icon Interactive
Author URI: http://iconinteract.com
Description: Jennifer Lopez Preorder theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Jennifer Lopez
*/

/* global - applies to all devides */
@media screen only {
	.new_album_wrapper {
	
		min-width: 180px; 
		width:80%; 
		float:right; 
		margin-right: 5%; 
		display: block;
	}
	
	.new_album_description {
		min-width: 175px; 
		width: 50%; 
		text-align: center; 	
		height:175px; 
		vertical-align: -webkit-baseline-middle; 
		vertical-align: middle;  
		float:left;
	}
	
	.new_album_image {
		width: 175px; 
		float: right; 
		display: block;
	}
} 




/* smartphones only */	
@media screen and (max-width: 560px) {
	
	.new_album_wrapper {
		margin: auto;
		padding:20px;
		width: 100%;
		float:none;
		margin-top: 600px;
		background-color: rgba(0,0,0,0.7); 
    padding-bottom: 100px;
    margin-bottom: -300px;
    margin-left: -40px;
    overflow-y: visible;
	}
	
	.new_album_image {
		width:100%;
		align-content: center;
		opacity: 0.9;
    filter: alpha(opacity=90) !important; 

	}
	
	.new_album_description {
		width: 100%;
	}
	.new_album_description p {
		
	}
	.headings p {
		padding-top: 10px;
	}
	
}

@media screen and (max-width: 480px) {
	
	.new_album_wrapper {
		margin-top: 100px !important;
		margin-bottom: -100px !important;
	}

}

/* tablets only */
@media screen and (min-width: 561px) and (max-width: 1024px) {
	div.new_album {
		width: 100%;
		float:none;
		text-align: center;
	}
	
	div.new_album_image {
		width:100%;
		align-content: center;
	}
	
	div.new_album_description {
		width: 100%;
		text-align: center;
		max-width: 560px;
	}
}


/* laptops and desktops only */
@media screen and (min-width: 1024px) {
	
	.new_album_wrapper { 
		float:right; 
		width: 100%; 
	}
	
	.new_album_description {
			width: 50%; 
			float:left;

	}
}