body {
    background: url(/images/errorBg.jpg) no-repeat top left #d0d0d0;
}

.errorMsg {
	position: relative;
	float: right;
	margin-right: 2%;
	margin-top: 15%;
	width: 54%;
	padding: 0.25em;
	font: 2em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(/images/backgrounds/errorBodyBg.png) repeat;
}

.errorMsg h1 {
	float: left;
	width: 100%;
	font: 1.5em Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 0.125em;
	padding: 0;
	color: #014ead;
	font-weight: bold;
	text-transform: uppercase;
	}
	
.errorMsg h2 {
	float: left;
	width: 100%;
	font: 0.925em Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0.75em 0.25em;
	padding: 0;
	color: #666666;
	text-transform: uppercase;
	}	
	
.errorMsg p {
	float: left;
	width: 100%;
	font: 0.45em Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 0.5em;
	color: #000000;
	padding: 0 0 1em 0;
	}

@media screen and (max-width: 960px) {
    .errorMsg {
        width: 98%;
        height: auto;
        font: 14px Verdana, Arial, Helvetica, sans-serif;
        padding: 0;
        margin-top: 0.75em;
    }

    .errorMsg h1 {
        width: 96%;
        margin-left: 0.35em;
        font-size: 2em;
    }

    .errorMsg h2 {
        width: 96%;
        margin-left: 0.5em;
        font-size: 1.25em;
    }

    .errorMsg p {
        width: 96%;
        margin-left: 0.5em;
        font-size: 1em;
    }
}

@media screen and (max-width: 479px) {
	.errorMsg {
		margin-right: 0.25em; 			
	}		
}
	
@media screen and (min-width: 480px) {
	.errorMsg {
		margin-right: 0.5em; 
    }		
}