﻿		body { background-color: #FAFAFA; font-family: 'Ubuntu', Helvetica, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; margin: 0; padding: 0; color:#122D34; }

		main { position: relative; overflow: hidden; height: 100vh; display:flex; align-items:flex-start; justify-content:center; }
		.box-wide { margin-left:3rem; margin-right:3rem; }
		.error-page { display:flex; justify-content:center; align-items:center; flex-flow:column wrap; }
		.error-page-wrapper { display:flex; justify-content:center; align-items:center; flex-flow:column wrap; text-align:center; } 
		h1 { font-size: 35px; margin: 0; font-weight: 500; line-height: 1.4; }
		p { font-size: 16px; margin: 0; line-height: 1.7; }
		h4 { font-size: 20px; margin:0;  font-weight: 300; line-height: 1.4; }
		a { text-decoration:none; }
		.error-page-caption { margin-bottom:20px; text-transform:uppercase; font-weight:500; color:#FCB035; }
		.error-page-title { margin-bottom:20px; }
		.error-page-subtitle { margin-bottom:20px; }
		.error-page-paragraph { color:#99A5A7; margin-bottom:20px; }
		.error-page-link { color:#122D34; }
		.error-page-call-to-action { display:flex; flex-flow:column wrap; align-items:center; }
		.button { margin-bottom:20px; margin-right:0; padding:16px 22px; background-color:rgba(153, 165, 167, 0.2); color:#001F25; border-radius:5px; font-size:16px; text-align:center; font-weight:500; display:inline-block; -webkit-appearance:none; cursor:pointer; box-sizing:border-box;}
		.mail-button { color:#99A5A7; cursor:pointer; }
		.orange { color:#FCB035; font-weight:500; font-size:16px; }
		.error-page-image { display:none; margin-bottom:0 }

		@media all and (min-width:770px){ 
			
			.box-wide { width:92%; margin:auto; }
			h1 { font-size:50px; }
			h4 { font-size:24px; }
			.error-page-caption { margin-bottom:30px; }
			.error-page-call-to-action {flex-flow:row wrap; }
			.button { margin-bottom:0; margin-right:20px; }
			.error-page-image { display:block; margin-bottom:20px; max-height:40vh; }
		}

		@media all and (min-width:1400px){
			main { align-items:center; }
		}