@charset "UTF-8";
/* 404 page css */


body.error-404 .error-background
	{
	background: rgb(24,103,165);
	color: rgb(255,255,255);
	min-height: 90vh;
	transition: 0.5s;
	}

body.error-404 .error-message
	{	
	margin: 8rem auto 0rem auto;
	}

body.error-404 h1
	{
	margin-bottom: 2rem;
	font-size: 2.5rem;
	font-weight: 400;
	line-height: 1;
	}
body.error-404 h1 small
	{
	color: rgb(255,255,255);
	font-size: 40%;
	display: block;
	line-height: 2;
	}

body.error-404 p
	{
	font-size: 1.1em;
	}

body.error-404 .error-note
	{
	background: rgba(255,255,255,0.2); 
	margin: 1rem -1rem; 
	padding: 1rem; 
	border-radius: 0.25rem;
	}
body.error-404 .error-note p
	{
	margin: 0rem;
	}


@media (min-width: 768px){
	body.error-404 h1
		{
		font-size: 3.5rem;
		margin-bottom: 2rem;
		}
	body.error-404 p
		{
		font-size: 1.25em;
		}

}


@media (min-width: 992px){
	body.error-404 h1
		{
		font-size: 4rem;
		}
	body.error-404 p
		{
		font-size: 1.4em;
		}

	body.error-404 .error-message
		{	
		max-width: 875px;
		}


}

@media (min-width: 1280px){
	body.error-404 .error-message
		{	
		max-width: 740px;
		}

	
}