@media only screen and (min-width: 40em) {
    body
    {
        background-image: url(../img/layout/bkg-cityscape2.jpg);
        background-position: bottom right;
        background-size: cover;
        background-attachment: fixed;
    }
    div.view-main
    {
        padding: 1em 1em 1em 0;
    }
    div.body
    {
        padding: 1em 2em 2em 2em;
        margin-left: 0;
        margin-right: 0;
        /*box-shadow: 0px 10px 25px #000; */
    }
    div.card-primary
    {
        margin-top: 0;
    }
    div.card-img
    {
        top: -1.2em;
    }
    div.history a.button
    {
        margin-right: 0;
        width: auto;
    }

	div.signin
	{
		width: 360px;
		margin: 3em auto 0 auto;
	}
    div.setup
    {
        width: 480px;
		margin: 3em auto 3em auto;
    }
    div.setup-box
    {
        border-top: 3px solid rgba( 41,171,226, 1 );
    	border-bottom: 3px solid rgba( 41,171,226, 1 );
    }
    div.grid-margin-xs div.cell
    {
        padding-right: 0.3em;
    }
    div.grid-margin-xs div.cell textarea
    {
        height: 25px !important;
    }
    div.border-left
    {
        border-left: 1px solid #ccc;
        padding-left: 2em;
    }
    div.reveal.medium
    {
        width: 50%;
    }
}