/* HTML elements*/
body
{
	background-color:#303030;
	color:#2474DA;
	font:1.5em Helvetica,Arial,sans-serif;
	
}

/* Classes */
.text
{
	text-align:center;
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
}

.centerimg
{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

/* ID's */

/* Mailchimp stuff */
#mc_embed_signup
{
	background:#888;
	clear:left;
	font:14px Helvetica,Arial,sans-serif;
	width:900px;
	margin-left:auto;
	margin-right:auto;
    color:black;

}

/* Setting up stuff to allow store images to go side by side on desktop */
#container
{
   max-width:900px;
   margin-left:auto;
   margin-right:auto;
   text-align:center;
}

#one
{
   width:33%;
   float:left;
}

#two
{
   width:33%;
   float:right;
}

#three
{
    display: inline-block;
    margin:0 auto;
    width:33%;
}

/* Media queries - To allow the store images to work properly on mobile */
@media all and (max-width:900px)
{
	#mc_embed_signup
	{
		background:#888;
		clear:left;
		font:14px Helvetica,Arial,sans-serif;
		width:100%;
		margin-left:auto;
		margin-right:auto;
	    color:black;
	}

    #one, #two, #three
    {
        display: block; 
        float: none; 
        width: 100%;
    }
}