body
{
	background-color: #f9f7f7;
}

	div.container
	{
		width: 1000px;
		
		margin: 40px auto;
	}

	div.header-image
	{
		width: 100%;
		
		display: table;
		
		text-align: center;
	}
	
		div.header-image img
		{
			width: 100%;
		}

	div.content
	{
		width: 80%;
		
		margin: 30px auto 70px auto;
		display: table;
	}
	
		div.content h1
		{
			width: 100%;
			
			margin: 0px 0px 10px 0px;
			padding: 0px;
			float: left;
			
			font-family: 'Roboto';
			font-size: 30px;
			text-transform: uppercase;
			text-align: center;
			color: #000;
		}
		
		div.content p
		{
			width: 100%;
			
			margin: 0px;
			padding: 0px;
			float: left;
			
			font-size: 16px;
			text-align: center;
		}
		
			div.content p a
			{
				font-weight: bold;
				color: #87a54f;
				text-decoration: none;
			}
		
			div.content p strong
			{
				margin: 0px 0px 5px 0px;
				display: inline-block;
				
				font-size: 20px;
			}
			
			div.content p em
			{
				color: #777;
			}
			
			div.content p img.logo
			{
				height: 90px;
				
				margin: 15px;
			}
			
			div.content p img.album
			{
				width: calc(25% - 35px);
				
				margin: 10px;
			}

	div.footer-image
	{
		width: 100%;
		
		display: table;
		
		text-align: center;
	}
	
		div.footer-image img
		{
			width: 100%;
		}
		
@media only screen 
	and (min-width : 0px) 
	and (max-width : 760px)
{
	div.content h1
	{
		font-size: 35px;
		line-height: 30px;
	}
	
	div.content p strong
	{
		font-size: 16px;
	}
	
	div.container
	{
		width: 100%;
		
		margin: 0px auto;
	}
	
	img.logo,
	img.album
	{
		width: 100% !important;
		height: auto !important;
		
		margin: 10px 0px !important;
	}
}